Font Face issue for Chrome

Question

私はスタックオーバーフローで検索しましたが、私が直面している問題に関する解決策を見つけることができません...私は多くの人々が同じ問題に直面していると信じていますが、私の仕事。

問題： これは@ font-faceに関するものです。

CSSのコード：

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

} 

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

} 

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

} 



@font-face { 
font-family: 'MyriadProBlack'; 
src: url('fonts/myriadpro-black-webfont.eot'); 
src: url('fonts/myriadpro-black-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/myriadpro-black-webfont.woff') format('woff'), 
    url('fonts/myriadpro-black-webfont.ttf') format('truetype'), 
    url('fonts/myriadpro-black-webfont.svg#MyriadProBlack') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 

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

} 

誰もが私のフォントを有効にするためにGoogleのクロムのためにこの仕事を作る方法を知っていますか？

Answer 1

はフォントリスフォントフェース・ジェネレータを使用してみてください：

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

それはあなたにあらゆる可能なブラウザのためのすべての正しいCSSを与えるだろう。

Answer 2

あなたのCSSファイルで使用できるようにフォントを設定するだけです。どのようなテキストにスタイルを適用するかには、フォントを適用する必要があります。他のウェブセーフフォントを使用する場合と同じ方法で行います。

例えば、

.yourElement { 
    font: 30px JaguarJCBold; 
}