3

Amazon Cloudfront の CDN を使用してファイルをロードし始めたばかりですが、@font-face フォントを Firefox にロードするのに問題があります。いくつかの推奨に従って、次のコードを htaccess ファイルに追加しましたが、問題は解決していないようです。

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

フォントが表示されることもありますが、各フォントのコンソールにまだエラーが表示されます。http://wiredimpact.comで確認できます。

また、これについて学ぶために使用した主な WordPress 投稿はhttp://wordpress.org/support/topic/plugin-w3-total-cache-font-face-not-working-in-firefox?replies=21です。

フォントを Firefox に正しくロードする方法について何か提案はありますか?

ありがとう。

編集：

htaccess で使用されるコードを次のように調整しました。

<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*.wiredimpact.com"
  </IfModule>
</FilesMatch>

これにより、Firefox で役立つと思われる font.css ファイルが追加されるだけでなく、サブドメインからのみ読み込まれるため、セキュリティ上の理由からも優れています。フォントは現在 Firefox に読み込まれているようですが、コンソールにはまだエラーが表示されています。

4

1 に答える 1

0

@meaganoff による icoMoon フォントが Firefox に表示されないで述べたように:

icomoon と Firefox にも問題がありました。ポール・アイリッシュの「防弾」@font-face構文を試しました か? これは icomoon の出力とは少し異なりますが、私はそれでうまくいきました - それ以来 FF の問題はありません。

@font-face {
    font-family: 'Graublau Web';
    src: url('GraublauWeb.eot?') format('eot'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf')

format('truetype'); }

そして魅力のように働きました！

于 2013-11-19T21:50:36.670 に答える