2013-06-08 8 views
9

私は流星にCSSする@ font-faceを使用しようとしていますが、それが動作していない何らかの理由:流星でfont-faceを使用していますか?

@font-face { 
    font-family: printFailed; 
    src: 
    url("../public/fonts/wlm_print_failed.ttf"), 
    url("../public/fonts/wlm_print_failed.eot"); 
} 

私は自分のパスとスペルをチェックしました。

ブラウザで要素を調べると、ファイルパスと名前は正しいが、ブラウザは意図したカスタムフォントの代わりに汎用フォントを使用しているように見えます。

任意のポインタ?おかげさまで publicのすべては、Webブラウザの観点から、ルートディレクトリになると

答えて

25

だけ/を使用します。

@font-face { 
    font-family: printFailed; 
    src: 
    url("/fonts/wlm_print_failed.ttf"), 
    url("/fonts/wlm_print_failed.eot"); 
} 
+0

おかげで、私は昨日、これを試み、それが動作しませんでした宣誓している可能性が...コードスニペットごとに試してみましたが、うまくいきます。ありがとう。 – shongololo

+0

これはMeteor上ではローカルで動作しますが、Galaxyデプロイメントでは失敗します。実際には、デスクトップ/ラップトップブラウザのGalaxyでは動作しますが、モバイルからのGalaxyでは動作しません。 Weird huh – Jan

+1

部分的なSassファイルやSassファイルに '@ font-face'ルールがあるのは私にとってはうまくいきませんでした。ルールを '/ public/fonts'の中のcssファイルに入れ、'/client/main_head.html'という名前のファイルの 'link'タグにそれらをリンクさせなければなりませんでした。そのファイルには 'head'タグと' link'タグしかありません(Meteorは最初に名前に 'head'でファイルを読み込みます)。 –

関連する問題