web-dev-qa-db-ja.com

フォントフェイスがIE8で期待どおりに機能しない

次のコードを使用して、Webサイトでカスタムフォントを取得しました。次のコードを使用してください!

@font-face{
     font-family:portagolTC;
     src: url(../font/PortagoITC_TT.woff?) format('woff');
     src: url(../font/PortagoITC_TT.eot?#iefix) format('opentype');
}

これはchrome、ff、IE10、IE9で機能しますが、IE8では機能しません。私はここで何が間違っているのですか?私が何か間違ったことをしているなら、私を訂正してください。

注:グーグルで検索したところ、stackoverflowの回答はほとんど見つかりませんでしたが、問題を解決できるものは何もないようです。

CSS3111: @font-face encountered unknown error. 
PortagoITC_TT.woff
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf
9

IE8がCSS3111: @font-face encountered unknown errorをスローする場合は、おそらくフォントファミリ名が一致しない問題があります。

これを解決するには、フォントファイルを編集し、フォント名、姓、および人間の名前に同じ名前を定義して、TTFをエクスポートする必要があります。これは、 FontForge アプリケーションを使用して実行できます。その後、もう一度Web(EOT、WOFF)に変換します。

詳細: http://fontface.codeandmore.com/blog/ie-7-8-error-with-eot-css3111/

更新

独自のバージョンのTTFフォントをダウンロードし、Web用に変換することで機能するようにしました。私が使用したCSS:

@font-face {
    font-family: 'portagoitc-tt';
    src: url('fonts/portagoitc-tt.eot');
    src: url('fonts/portagoitc-tt.eot?iefix') format('opentype'),
         url('fonts/portagoitc-tt.woff') format('woff'),
         url('fonts/portagoitc-tt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
17
Mike Vranckx

IE8で問題が発生し、コンソールエラーメッセージなしでした。私の問題を解決したのは、@font-faceコードを少し変更することでした。

前:

@font-face {
    font-family: "Hero";
    src: local("Hero"),
         url("../fonts/Hero.eot?"),
         url("../fonts/Hero.woff") format("woff"),
         url("../fonts/Hero.ttf") format("truetype"),
         url("../fonts/Hero.svg#Hero") format("svg");
    font-weight: normal;
    font-style: normal;
}

後:

@font-face {
    font-family: "Hero";
    src: url("../fonts/Hero.eot"); /* this line made the difference */
    src: local("Hero"),
         url("../fonts/Hero.eot?"),
         url("../fonts/Hero.woff") format("woff"),
         url("../fonts/Hero.ttf") format("truetype"),
         url("../fonts/Hero.svg#Hero") format("svg");
    font-weight: normal;
    font-style: normal;
}
3
2C-B

私の会社はフォント、すべての形式(eot、woffなど)を購入しましたが、IE8とIE10では機能しませんでした。 ttf形式を http://www.fontsquirrel.com/tools/webfont-generator にアップロードし、「webfont」を取得しましたか?バージョンと今それは動作します!!!

IEのより早くコンソールを見る必要があったので、許可の問題が述べられています。

2
Daniel