2017-06-27 20 views
0

私のウェブサイトではカスタムフォントを使用しています。これらはInternet Explorer(バージョン11.0.9600)を除くすべてのブラウザで動作します。Internet Explorerでカスタムフォントが表示されない

CSSコード:

  1. をフォントは、サブドメインへの絶対パスを使用します。私がこれまで試したどのような

    @font-face { 
    font-family: 'almoni-dl'; 
    font-weight: 700; /*(bold)*/ 
    font-style: normal; 
    src: url('https://assets.mywebsite.com/fonts/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'), 
        url('https://assets.mywebsite.com/fonts/almoni-dl-aaa-700.woff') format('woff'), 
        url('https://assets.mywebsite.com/fonts/almoni-dl-aaa-700.ttf') format('truetype'); 
    } 
    
    html { 
        font-family: 'almoni-dl','Trebuchet MS',Helvetica,sans-serif; 
    } 
    

    。これらのフォントの応答には、ヘッダAccess-Control-Allow-Origin:*が含まれています。私はまた、相対的なパスを使用してみました。

  2. フォント自体が正しくダウンロードされ、コード200が返されます。
  3. キャッシュが数回クリアされました。
  4. フォントのContent-Typeは次のとおりです。woff = application/font-woff; ttf =アプリケーション/オクテットストリーム。 eot = application/vnd.ms-fontobject。
  5. 他のWebサイト(www.newyorker.comなど)は、同じブラウザにカスタムフォントを正しく表示します。
  6. は、私はまた、次の構文を試してみました:

    フォントフェイス{ フォントファミリ@: 'almoni-DL'; font-weight:700;/(太字)/ font-style:normal; src:url( 'https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.eot'); src:url( 'https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.eot?#iefix')形式( 'embedded-opentype')、 url( 'https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.woff')書式( 'woff')、 url( 'https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.ttf')書式( 'truetype'); }

ほかに何が間違っていますか?

+0

とIEのどのバージョン? – epascarello

+0

バージョン11.0.9600 – user884248

+0

'' src'の後に 'font-weight'と' font-style'を動かすとどうなりますか? IEがソースを最初に期待している可能性があります。 – denmch

答えて

0

cssのfont-familyプロパティで、フォントの実際の完全な名前を入力してみてください。それでも問題が解決しない場合は、フルファイル名(拡張子を除いたもの)をfont-familyとして使用してみてください。 フォントファミリ名が期待どおりでない場合、IEにはフォントの検索に関する既知の問題があります。

関連する問題