html - rails 4 在应用程序中随处更改字体

Question

我想更改我的 Rails 应用程序的标准字体，并为应用程序中的每个 View 使用新字体。 作为尝试，我从 here 下载了自定义 Delicious 字体。

并将下载的文件复制到我的应用程序的/assets/fonts/文件夹中。 我在 config/application.rb 中添加了这些行:

config.assets.enabled = true  
config.assets.paths << "#{Rails.root}/app/assets/fonts"

我修改了我的 custom.css.scss 文件，添加了这个:

@font-face {
  font-family: 'Delicious';
  src: url('/assets/Delicious-Roman.otf');
}

@font-face {
  font-family: 'Delicious';
  font-weight: bold;
  src: url('/assets/Delicious-Bold.otf');
}

我尝试在应用程序的 View 中使用字体，以这种方式为特定 View 调用 css 类中的字体，

.products-index {
  background-image: image-url("mag.jpg");
  background-repeat: repeat-y;
  background-size: 100%;
  font-family: "Delicious";
}

它可以工作，但我不想为我的应用程序中的所有 View 创建一个 css 类。我试图在 css 的单个点中指定字体，将这一行添加到我的 custom.css.scss 中:

html {font-family: "Delicious";}

但它不起作用。如何修改我的 css 以选择所有应用程序的字体？

我使用的是 Bootstrap3，在我的 custom.css.scss 中，我在最顶部有一行

@import "bootstrap";

Answer 1

我解决了!我放 `

* {
  font-family: "Delicious";
 }

在我的 custom.css.scss 文件中，所以 * 表示该字体用于所有元素