css - Rails - 无法将自定义字体添加到我的应用程序

Question

下载了以下字体 https://www.fontsquirrel.com/fonts/montserrat并解压它。将 otf 文件放在 app/assets/fonts 中。

我的样式表文件夹中有一个名为 base.scss 的文件，其中包含以下代码:

@font-face {
  font-family: "test";
  src: url("/assets/test.otf");
          font-weight: normal;  
        font-style: normal;  
}

.test {
  font-size: 40px;
  font-family: "test";
}

并且在我的 config/application.rb 文件中更改为:

module Workspace
  class Application < Rails::Application

    # Do not swallow errors in after_commit/after_rollback callbacks.
    config.active_record.raise_in_transactional_callbacks = true

    # Enable the asset pipeline
    config.assets.enabled = true
    config.assets.paths << Rails.root.join('/app/assets/fonts')
  end
end

但是自定义字体仍然没有显示在 .test 类的文本中。我究竟做错了什么？顺便说一句，如果它有所作为，我正在使用 cloud 9 IDE。

Answer 1

这里有一些提示:

1. 检查浏览器调试/网络控制台，看看浏览器是否正在尝试加载该字体。可能服务器无法发送？
2. 您是否在编辑配置文件后重新启动了服务器？
3. 出于生产目的，由于 Assets 预编译，将 url 更改为 asset_url。可能有必要更改:

url("/assets/test.otf");

进入

asset_url("test.otf");