5

Fontsquirrel @fontface Generatorを使用して、使用している3つのフォントのCSSを作成しました。フォントは、他のバージョンのIEを含むすべてのブラウザーで正しく表示されていますが、IE9ではフォントが表示されていません。

CSSは次のとおりです。

    @font-face {
    font-family: "OswaldBold";
    src: url("../fonts/oswald-bold-webfont.eot");
    src: url("../fonts/oswald-bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/oswald-bold-webfont.woff") format("woff"),
         url("../fonts/oswald-bold-webfont.ttf") format("truetype"),
         url("../fonts/oswald-bold-webfont.svg#OswaldBold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OswaldRegular";
    src: url("../fonts/oswald-regular-webfont.eot");
    src: url("../fonts/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/oswald-regular-webfont.woff") format("woff"),
         url("../fonts/oswald-regular-webfont.ttf") format("truetype"),
         url("../fonts/oswald-regular-webfont.svg#OswaldRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OswaldLight";
    src: url("../fonts/oswald-light-webfont.eot");
    src: url("../fonts/oswald-light-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/oswald-light-webfont.woff") format("woff"),
         url("../fonts/oswald-light-webfont.ttf") format("truetype"),
         url("../fonts/oswald-light-webfont.svg#OswaldLight") format("svg");
    font-weight: normal;
    font-style: normal;
}

...そして、IE開発者コンソールで発生するエラーは次のとおりです。

CSS3111:@font-faceで不明なエラーが発生しました。
oswald-light-webfont.eot?#iefix

CSS3111:@font-faceで不明なエラーが発生しました。
oswald-bold-webfont.eot?#iefix

CSS3111:@font-faceで不明なエラーが発生しました。
oswald-light-webfont.woff

CSS3111:@font-faceで不明なエラーが発生しました。
oswald-bold-webfont.woff

CSS3114:@font-faceがOpenType埋め込み権限チェックに失敗しました。権限はインストール可能である必要があります。
oswald-light-webfont.ttf

CSS3114:@font-faceがOpenType埋め込み権限チェックに失敗しました。権限はインストール可能である必要があります。
oswald-bold-webfont.ttf

私が行った検索には運がなかったので、洞察をいただければ幸いです。前もって感謝します。

4

4 に答える 4

14

Font Squirrelジェネレーターを使用してフォントファイルを再度生成することで、問題を修正しました 。

「エキスパート」コントロールオプションを選択し、「EOT圧縮」から「EOTライト」に変更しました

フォントはすべてのブラウザで機能するようになりました。

ここに画像の説明を入力してください

于 2012-10-30T23:39:27.830 に答える
3

私も同様の問題を抱えていました。次のエラーが発生しました

CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. File: IcoMoon.ttf

私のCSS構文は次のとおりです。

@font-face {
    font-family: 'IcoMoon';
    src: url('font/IcoMoon.eot');
    src: url('font/IcoMoon.eot?#iefix') format('embedded-opentype');
    src: url('font/IcoMoon.woff') format('woff');
    src: url('font/IcoMoon.svg#IcoMoon') format('svg');
    src: url('font/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

私はそれをこのように再配置することによってそれを解決しました:

@font-face {
    font-family: 'IcoMoon';
    src: url('font/IcoMoon.eot');
    src: url('font/IcoMoon.eot?#iefix') format('embedded-opentype'),
        url('font/IcoMoon.woff') format('woff'),
        url('font/IcoMoon.svg#IcoMoon') format('svg'),
        url('font/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

それが役に立てば幸い!

于 2014-01-16T12:48:31.203 に答える
0

CSS114を修正するには、次の小さなアプリを使用します:Truetype embedding-enabler

于 2013-09-02T23:10:08.070 に答える
0

FontAwesomeを使用するIEのどのバージョンでもアイコンが表示されないという同様の問題が発生していました。IEの形式を「eot」から「embedded-opentype」に変更しただけで、問題が修正されました。

例:OLD-src:url('./ font / fontawesome-webfont.eot?#iefix')format('eot')NEW-src:url('./ font / fontawesome-webfont.eot?#iefix') format('embedded-opentype')

于 2014-02-17T14:26:27.243 に答える