2012-02-10 11 views
0

私のレールプロジェクト(/app/assets/fonts/font.ttf)にカスタムフォントがあります。このフォルダは実際にレールに含まれていますか?cssの.ttfフォントをレールにリンクするには?

どうすれば私のCSSにリンクする必要がありますか?私はいくつかのものを試しましたが、うまくいっていませんでした( "font"、 "font.ttf"、ファイルへのフルパスなど)。 /資産資産のパイプラインを介して利用可能であるべきである{ベンダーは| | libにアプリ}に格納されているデフォルトのものでは

答えて

1

..私はすでにレールのドキュメントに見えたが、これはについて話をされた場合、私は見つけることができませんでした。あなたはhttp://my.server/assets/font.ttfを試しましたか? (資産/の下に関係なく、サブディレクトリ構造のすべてのアセットファイルは、資産/ {ファイル名}例えば

  • アプリ/資産/ JavaScriptの/ my_js_file.js =>http://my.server/assets/my_js_file.js
  • アプリ/資産/スタイルシート/ /から利用できるようになりますstyle.cssに=>あなたは(あなたのスタイルシートがstyle.css.sassまたはstyle.css.erb命名されている場合は、資産のパイプラインがSASSを実行するあなたのスタイルシート作成を支援するためにSASSやERBを使用することができますhttp://my.server/assets/style.css

注意/ erbパーサーを最初にファイルに追加します)、ヘルパーがあります。asset pipeline rails guide

は、最後にここで私は私

フォントファイルは、ベンダー/資産/フォント

に格納されている
@font-face { 
    font-family: 'vegurRegular'; 
    src: url('/assets/vegur-r_0.602-webfont.eot'); 
    src: local('☺'), url('/assets/vegur-r_0.602-webfont.woff') format('woff'), url('/assets/vegur-r_0.602-webfont.ttf') format('truetype'), url('/assets/vegur-r_0.602-webfont.svg#webfontlYuAwLPv') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

世話サイト使用CSSする@ font-faceエントリの実際の例です。

関連する問題