font-faceがすべてのブラウザで動作しない

Question

face-fontを使用してページにフォントを追加しようとしましたが、残念ながら、ブラウザに対応するための手順を実行してもChromeとSafariでのみ動作しますなぜ私は解決できません。私は2つの異なる方法を試しました。

最初のものは、次のようになります

@font-face { 
    font-family: 'robotoblack'; 
    src: url('roboto-black-webfont.eot'); /* per IE 5-8 */ 
    src: local('☺'), /* direttiva local per IE */ 
    url('roboto-black-webfont.woff') format('woff'), /* Firefox 3.6+, Chrome 5.0+, IE 9.0+ */ 
     url('roboto-black-webfont.ttf') format('truetype'); /* Opera, Safari */ 
} 

@font-face { 
    font-family: 'robotomedium_italic'; 
    src: url('roboto-mediumitalic-webfont.eot'); /* per IE 5-8 */ 
    src: local('☺'), /* direttiva local per IE */ 
    url('roboto-mediumitalic-webfont.woff') format('woff'), /* Firefox 3.6+, Chrome 5.0+, IE 9.0+ */ 
     url('roboto-mediumitalic-webfont.ttf') format('truetype'); /* Opera, Safari */ 
} 

と、このような第二1：

@font-face { 
    font-family: 'robotoblack'; 
    src: url('roboto-black-webfont.eot'); /* IE9 Compat Modes */ 
    src: url('roboto-black-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('roboto-black-webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('roboto-black-webfont.woff') format('woff'), /* Pretty Modern Browsers */ 
     url('roboto-black-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('roboto-black-webfont.svg#robotoblack') format('svg'); /* Legacy iOS */ 
} 

@font-face { 
    font-family: 'robotomedium_italic'; 
    src: url('roboto-mediumitalic-webfont.eot'); /* IE9 Compat Modes */ 
    src: url('roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('roboto-mediumitalic-webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('roboto-mediumitalic-webfont.woff') format('woff'), /* Pretty Modern Browsers */ 
     url('roboto-mediumitalic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg'); /* Legacy iOS */ 
} 

次の2つの方法のどれが最良のものであるを教えていただけますか？それはすべてのブラウザで動作するように任意の提案？

あなたは例を見たい場合には、それがここにあります：

enter link description here

私はあなたが役立つことを願って！事前に感謝

乾杯

エンリコ

Answer 1

私は答えを見、あなたは間違ってフォントファミリを呼んでいます。 @ font-face font-family宣言を使用してください。この場合、「roboto-black」ではなく「robotoblack」を使用してください。フォントを呼び出す際には、CSSで引用符を使用してください。

@ font-faceを呼び出す前に、それらのフォントファミリをCSS後に呼び出すことをおすすめします。