2014-01-10 13 views
5

IE11でフォントに問題があります。私は、Chrome、Safari、Firefoxではうまく動作するがIEではうまく動作しない次のフォントフェースを使用しました。IE 11「bulletproof」フォントフェイスとフォールバックフォントが機能しない

@font-face { 
font-family: 'Avenir'; 
src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */ 
src: url('fonts/avenirnextltpro-mediumcn.woff') format('woff'), /* Modern Browsers */ 
    url('fonts/avenirnextltpro-mediumcn.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('fonts/avenirnextltpro-mediumcn.svg#svgFontName') format('svg') /* Legacy iOS */ 
} 

だから私は実際に私のマシン上でIE 11のために動作しなく同僚のIE 11のだから今、私は本当に困惑していますいくつかのフォールバック

font-family: 'Avenir', 'Arial Narrow', 'sans-serif'; 

を追加しました。

私は間違いなく、この資料で古いプロではないので、任意の提案は非常に感謝しています!

+4

あなたはF12を打つ場合は、ページをリロードし、F12ツールコンソール]タブを見て、あなたを行いますエラーメッセージが表示されますか? – EricLaw

+1

はい、@ font-faceはOpenTypeの埋め込み許可チェックに失敗しました。許可はインストール可能でなければなりません。ファイル:avenirnextltpro-mediumcn.ttf。 IE用の.ttfを削除する必要がありますか? –

+5

IEは、そのフォントに "Installable"フラグが設定されていない限り、TTFファイルを使用しません(フォントがそのような使用を許可されている場合を除き、通常そうではありません)。しかし、WOFFファイルはうまくいくはずです - あなたはネットワークツールでそのダウンロードを見ていますか? – EricLaw

答えて

0

IE 11で.woffのような他のフォントフォーマットがサポートされているかどうかはわかりませんが、IEのバージョン6-8用に.eotフォントを追加しただけでIE9 +に別の.eotフォントを追加する必要があります。下記参照。

あなたのコード:

src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'); /** IE6-IE8 **/ 

試みとこのようにそれを更新します。

src: url('fonts/avenirnextltpro-mediumcn.eot'); /** IE9 Compat Modes **/ 
src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
関連する問題