2012-07-14 13 views
7

する@ font-faceでwebfontを使用する私は、カスタムフォントが、次のコードを自分のアプリケーションのフォントを変更したいが作動していません。どのよう

@font-face 
{ 
font-family: "ArnoProBold"; 
src: url("resources/fonts/ArnoProBold.ttf"); 
} 
@font-face 
{ 
font-family: "ArnoProCaption"; 
src: url("resources/fonts/ArnoProCaption.ttf"); 
} 
@font-face 
{ 
font-family: "Arn"; 
src: url("resources/fonts/ArnoProLightDisplay.ttf"); 
} 

答えて

10

@Riteshねえ、このような何かを試してみてください、

@font-face { 
    font-family: 'ArnoProBold'; 
    src: url('resources/fonts/your_file.eot'); 
    src: url('resources/fonts/fonts?#iefix') format('embedded-opentype'), 
     url('resources/fonts/your_file.woff') format('woff'), 
     url('resources/fonts/your_file.ttf') format('truetype'), 
     url('resources/fonts/your_file.svg#ArnoProBold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

などです。

こちらがお役に立てば幸いです。 :)

+0

私はインデックスファイルにこのCSSを適用しましたが、このフォントテキストを表示していないときは他にもオプションがあります。これをapp.cssに追加しても動作しません。 – Rithesh

+0

これらはどのようにファイルに適用されますか? ? app.cssファイルで、 'font {font'をこのようにします。例:' label {font:ArnoProBold; } 'または' .your_class {font:ArnoProBold; font-size:12px;} '。私はこれが役立つことを願っています;) – hekomobile

+0

'ArnoProBold'は' font-weight:normal'を持っていますか? – Trix