Question

我正在使用Rails 4和Sass，我想使用自定义字体。

如果不再使用Rails 4中的资产管道，如何将@ font-face与Sass一起使用？我在网上找不到有关如何做到这一点的任何内容。

另外，我发现的大部分内容都是“config.rb”，但我只有“config.RU”有区别吗？

（我对Rails很新，所以请尽量明确/不要提到Rails无法识别的有些东西的东西）

谢谢大家！

Answer 1

你的意思是说你没有资产管道吗？如果是这样，您可以通过＆＃34; public＆＃34;文件夹中。

在公共场所创建目录：＆＃34; public \ fonts＆＃34;
将字体复制到那里

在你的css中，声明字体及其位置：

@font-face {
    font-family: 'robotolight';
    src: url('/fonts/Roboto-Light-webfont.eot');
    src: url('/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto-Light-webfont.woff') format('woff'),
         url('/fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('/fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

当然，如果您要在不同的文件夹中组织不同的字体，您还需要指明它们，例如：

url('/fonts/roboto-light/Roboto-Light-webfont.eot');

希望它有所帮助。

@ font-face with rails 4

1 个答案: