2

IE9にカスタムフォントを表示させようとしています。簡単なはずです...たくさんのグーグルサイト、さらにはスタックオーバーフローの質問を調査しました。これは私が持っているものです：

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

しかし、IE9は頑固に協力することを拒否します。ライブサイトは次のとおりです。http：//family.steps.org.au

IE9を除くすべてのブラウザとIE7および8で動作します:(

編集

これは、nginx構成を機能させるために追加したものです。

location ~* \.(eot|ttf|woff)$ {
  add_header Access-Control-Allow-Origin *;
}
4

1 に答える 1

2

あなたの問題はあなたのHTTPヘッダーに関係しています。これをApache構成ファイルに追加してみてください。

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "http://mydomain.com"
    </IfModule>
</FilesMatch>

mydomain.comを自分のドメインに置き換えます。設定で.ttfファイルが正しく設定されていない可能性があるため、ie9でクロスオリジンエラーが発生します。上記のコードはそれを解決するはずです。構成にすでにこれが含まれている可能性があるため、すべてのファイルタイプが指定されていない可能性があるため、再確認してください。

于 2012-03-16T05:38:00.810 に答える