9

次のコードを使用して、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 では機能しません! ここで何が間違っていますか？私が何か間違ったことをしている場合は、私を修正してください。

注：グーグルで検索したところ、スタックオーバーフローの回答はほとんど見つかりませんでしたが、問題を解決するものは何もないようです。

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
4

3 に答える 3

17

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

これを解決するには、フォント ファイルを編集し、Fontname、Family name、および Name for human に同一の名前を定義し、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;
}
于 2013-10-03T08:35:24.060 に答える