带Rails的字体很棒

Question

我正在尝试让Font与我的rails应用程序一起工作：http://fontawesome.io/get-started/

我不想使用CDN，因为我也想使用其他没有CDN的字体，所以我想了解如何使非CDN字体工作：https://github.com/540co/govicons。

我已经下载并提取Font Awesome到：

/app/assets/fonts/font-awesome-4.7.0

我不知道我是在使用CSS还是SASS？在我的样式表文件夹中，我有带有css和sass扩展名的文件。我有一个application.css文件和一个空application.scss文件。我的所有其他文件都有scss扩展名。

如果我遵循scss的说明，那么第2步是：

打开项目的字体-令人敬畏/减少/变量减少或字体-可怕/scss/_variables.scss并编辑@fa-字体路径或$fa-字体路径变量指向您的字体目录。

此文件位于：

/app/assets/fonts/font-awesome-4.7.0/scss/_variables.scss

该变量当前的内容如下：

$fa-字体路径：“./字体”！默认；

这应该更新到什么？

Answer 1

我会将这些移到vendor/assets中而不是app/assets中，因为(来源)

vendor/assets是指外部实体拥有的资产，如JavaScript插件代码和CSS框架。

mkdir -p vendor/assets
mv font-awesome-4.7.0/ vendor/assets/
ls vendor/assets/font-awesome-4.7.0/
# css       fonts       less        scss

然后，如果您使用的是application.css，您可以只是：

1. 编辑app/assets/stylesheets/application.css
2. 在需求列表中添加：*= require css/font-awesome
3. 重新启动服务器并加载页面

一切都应该很好

如果您想在SCSS中使用它：

1. 添加包含以下内容的app/assets/stylesheets/font_awesome.scss： $fa-字体-路径：“字体”；@导入“scss/字体-可怕”；
2. 将@import "font_awesome";添加到application.scss

这样做的目的是现在您没有对vendor/assets中的文件进行任何自定义更改。这些正是您从站点下载的内容，可以随时更新，而不必担心是否会记住$fa-font-path被更改为自定义路径，因为这是在您的文件中完成的，而不是在他们的文件中完成的。

注意:通常您希望使用一个帮助器(如asset-path)来处理资产中的路径，但它似乎不喜欢将文件夹用作占位符，并在后面给出文件。所以，我们不想搜索字体-可怕的字体并用$fa-font-path替换asset-path，我们可以这样做，这将从当前文件夹(在地址栏中，它将类似于#{host}/assets/application-#{cache-buster}.css，所以当前文件夹是/assets，它将寻找/assets/fonts，这是我们想要的(阅读:什么对我工作，通过这个例子)。

Govicons，看起来你会遵循上面相同的步骤，应该会做得很好。