[英]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.