Question

我在app/assets/fonts/NewFont文件夹中添加了新字体。

我还在那里添加了字体文件：1234.eot，1234.woff2，1234.woff，1234.ttf

在fonts.scss.css我添加了：

@font-face {
  font-family: 'NewFont';
  src: font-url('NewFont/1234.eot');
  src: font-url('NewFont/1234.eot?#iefix') format('embedded-opentype'),
       font-url('NewFont/1234.woff2') format('woff2'),
       font-url('NewFont/1234.woff') format('woff'),
       font-url('NewFont/1234.ttf') format('truetype');
}

当我将它用于我的身体时：

html, body {
  font-family: 'NewFont',  sans-serif;
}

没有任何反应。我在网站上的字体仍然显示相同。 我缺少什么？

我正在使用Ubuntu，但在任何情况下都不应该依赖于系统。

我尝试用font-url替换assets-url，但没有运气。

font-family是否应该匹配已在字体文件中定义的某种字体系列？

config/initializers/assets.rb：

Rails.application.config.assets.precompile += %w(1234.eot
                                                 1234.ttf
                                                 1234.woff
                                                 1234.woff2
                                                 fonts.css.scss)

Answer 1

您需要链接到您的资源文件夹：

@font-face {
    font-family: '1234';
    src: url('assets/fonts/NewFont/1234.eot');
    ...
    ...

}

此处asset_path的更多信息：http://guides.rubyonrails.org/asset_pipeline.html

自定义字体未显示

1 个答案: