なぜFontがHtml CSSで動作しないのですか？

Question

私はGraffontiフォントをドローロードしていますが、フォントは表示されませんが、Css3がhtmlの結果に追加されます。

私のCSSファイルは、このコードを持っています..

@font-face { 
     font-family: Graffonti; 
     src: url('fonts/Graffonti/graffonti.3d.drop.[fontvir.us].ttf'); 
    } 

h1,h2,h3,h4,h5,h6{ 
    margin-bottom: 21px; 
    line-height: 21px; 
    font-family: 'Graffonti',sans-serif; 
    font-weight: 400; 
    line-height: 1.2em; 
} 

フォントはフォント/ Graffontフォルダ内にあります、。自分のシステムにフォントをインストールしたいですか？

間違いは何ですか？私は通常、あなたがここに行くと、あなたのフォントをアップロードする場合、それはあなたのためのコードとフォントフォーマットを生成し、複数のブラウザを可能にするために、フォントの複数のバージョンを持っている

Answer 1

： http://www.fontsquirrel.com/fontface/generator

Answer 2

は同じでフォント/フォルダですcssファイルとしてディレクトリ？

[fonts] [images] index.html style.css 

フォントフォルダがhttp://domain.com/fonts/Graffonti/.../graffonti...ttf 経由でアクセス可能であるならば、私はまた、フォントファイル名からかっこ[]を削除し、一致するコードの更新をお勧めルートスラッシュ/fonts/

を含めるようにURLを変更。

src:url('/fonts/Graffonti/graffonti.3d.drop.fontvir.us.ttf');

Answer 3

コーディングを忘れないでください...

@font-face { 
    font-family: 'MyFontFamily'; 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf') format('truetype'), 
     url('myfont-webfont.svg#svgFontName') format('svg'); 
    } 

このコーディングは..ブラウザの下の支持を助けるかもしれません。

のSafari 5.03、IE 6-9、Firefoxの3.6から4、クロム8、iOSの3.2から4.2、Androidの 2.2から2.3、Operaの11