如何正确链接rails应用程序中使用的dartsass-rails编译的库中的资源文件

Question

我目前正在使用 dartsass-rails 库在我的 Rails 应用程序中编译 scss 文件。在库中，我尝试使用

@font-face

和本地字体文件创建自定义字体系列；

@font-face {
  font-family: "FooBar";
  src: url("../foo.woff");
  font-weight: normal;
  font-style: normal;
}

编译时，scss 文件被编译到公共路径中。页面加载时，找不到如上所示声明的字体文件的路径并抛出 404。

如何解决这个问题，以便正确链接字体文件并在运行时找到？

Answer 1

您不在相对路径中。 我所做的是在 app/assets 中创建一个字体目录，并在每个字体的其他目录中创建一个字体目录。 最后我有类似 /app/assets/fonts/roboto 的东西，在里面我得到了所有文件。 然后在 config/application.rb 中添加此行以将字体添加为资产。

    config.assets.paths << Rails.root.join("app", "assets", "fonts")

在 scss 文件中，我像这样使用它，遵循 roboto 的示例：

@font-face {
  font-family: "Roboto";
  src: url("roboto/normal.woff");
  font-weight: normal;
  font-style: normal;
}

我不知道我是否忘记了什么，请告诉我。