7

レール上の@font-faceを使用してフォントを埋め込む方法:

私のフォントは次の場所にあります。

/ vendor / Assets / stylesheets / fonts / custom-font-lists-here .eot

@ font-faceを含む私のスタイルシートは中にあります:

/vendor/assets/stylesheets/fonts.css

私は今これを使っています

@font-face {
    font-family: 'ArimoRegular';
    src: url('<%= asset_path('fonts/arimo-regular-webfont.eot') %>');
    src: url('<%= asset_path('fonts/arimo-regular-webfont.eot') %>'+'?#iefix') format('embedded-opentype'),
         url('<%= asset_path('fonts/arimo-regular-webfont.woff') %>') format('woff'),
         url('<%= asset_path('fonts/arimo-regular-webfont.ttf') %>') format('truetype'),
         url('<%= asset_path('fonts/arimo-regular-webfont.svg') %>#ArimoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

これは正しいのだろうか、

どんな提案でも大歓迎です、ありがとう

4

2 に答える 2

11

fonts/ファイルパスの部分は必要ありません。app/assets/fontsディレクトリはすでにに含まれているasset_pathはずなので、これを使用できるはずです。

<%= asset_path('arimo-regular-webfont.eot') %>

なぜこれが発生するのかわかりませんが、assets/fontsディレクトリがアセットパイプラインにないという問題が発生していると聞いているので、手動で追加する必要があります。上記がうまくいかない場合は、以下を入力してディレクトリを手動で追加してみてくださいconfig/application.rb

config.assets.paths << "#{Rails.root}/app/assets/fonts"
于 2012-05-04T02:17:58.280 に答える
3

asset_pathヘルパーを使用している間は、に追加.erbしてfont.css、になるようにする必要がありますfont.css.erb。より良い解決策は、あなたの場合、sass-railsまたはless-rails宝石からのアセットヘルパーを使用することfont-urlです。

詳細:sass-railsの機能

于 2012-09-25T13:56:28.273 に答える