カスタムフォントがRailsにロードされない

Question

カスタムavenirフォントを使用しようとしているRails 4.1.8アプリがあります。 私は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) 

私は間違っていますか？

Answer 1

は資産プリコンパイルパスであなたのフォントパスを含めるとちょうどフォント名を使用する&は、以下のようなフォーマットを指定します。

@font-face { 
    font-family: "AvenirLTStd-Heavy"; 
    src: url('AvenirLTStd-Heavy.otf') format("opentype"); 
}