将Google字体添加到Rails应用程序中

Question

我正在尝试将Google字体添加到我的Rails 5.2应用程序中，但无法弄清楚为什么它不起作用/缺少了什么：

我在application.scss文件中添加了以下几行：

@import url('://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

body {
  padding-top: 70px;
  font-family: 'Lato', sans-serif;
}

在application.scss中使用@import之前，我试图在application.html.erb的头部添加以下行

<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap" rel="stylesheet">

感谢您的帮助！

Answer 1

似乎在application.scss的第一行中，有一个冒号（在//fonts之前，在url('之后）引起错误。删除它可以解决问题：

@import url('//fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

body {
  padding-top: 70px;
  font-family: 'Lato', sans-serif;
}

无需将额外的行添加到您的应用程序中，因为它将被编译在您的scss文件中。