css - 将谷歌字体添加到 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 文件中编译。