[英]Custom font not loading in Rails
我有一个Rails 4.1.8应用程序,正在尝试使用自定义avenir字体。 我在2个地方app / assets / fonts和app / assets / stylesheets中添加了字体。 我还在供应商/资产/样式表/字体中添加了其中一些。 AvenirLTStd-Heavy.otf字体之一没有以某种方式被应用。
screen.scss
@font-face {
font-family: "AvenirLTStd-Heavy";
src: url('/assets/fonts/AvenirLTStd-Heavy.otf');
}
.avenir-heavy {
font-family: "AvenirLTStd-Heavy";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
application.rb
config.assets.paths << Rails.root.join(* %w(vendor assets bower_components))
config.assets.paths << Rails.root.join('app', 'assets', 'fonts')
config.assets.paths << Rails.root.join('vendor', 'assets', 'stylesheets', 'fonts')
config.assets.precompile += %w( .svg .eot .woff .ttf .otf)
config/initializers/assets.rb
Rails.application.config.assets.paths << "#{Rails.root}/app/assets/fonts"
Rails.application.config.assets.paths << "#{Rails.root}/vendor/assets/stylesheets/fonts"
Rails.application.config.assets.precompile += %w( .svg .eot .woff .ttf .otf)
我究竟做错了什么 ?
在资源预编译路径中包括字体路径,只需使用字体名称并指定格式,如下所示:
@font-face {
font-family: "AvenirLTStd-Heavy";
src: url('AvenirLTStd-Heavy.otf') format("opentype");
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.