3

ローカルホストでCSS3font-faceプロパティを使用していて、ローカルWebページにロードするフォントをWebサイトでホストしています。IEとChromeでは正しく機能しますが、Firefoxでは機能しません。不思議なことに、ローカルURLを使用すると、Firefoxでも機能します。

//Works with local URLs like http://localhost/repo/BMitra/BMitra.*
@font-face {
  font-family: "BMitra";
  src: url("http://fonts.gexek.com/repo/BMitra/BMitra.eot");
  src: local("☺"),
       url("http://fonts.gexek.com/repo/BMitra/BMitra.woff") format("woff"),
       url("http://fonts.gexek.com/repo/BMitra/BMitra.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

ローカルホストでの作業が問題になるかもしれないと思いましたが、Googleフォントがローカルホストでも正しく機能していることを発見しました。

Firefoxと（ChromeまたはIE）ブラウザーでこのフィドルを確認して、私が何を意味するかを示すことができます。
http://jsfiddle.net/66QE3/1/

私は何が欠けていますか？

4

2 に答える 2

5

Firefoxのエラーコンソールには次のように書かれています。

downloadable font: download failed (font-family: "BMitra" style:normal 
weight:normal stretch:normal src index:1): bad URI or cross-site access
not allowed
source: http://fonts.gexek.com/repo/BMitra/BMitra.woff

別のドメインからダウンロード可能なフォントを使用するには、フォントをホストするサーバーにクロスサイトアクセス設定が必要です。これを許可するには、HTTPアクセス制御（CORS）を参照してください。

于 2013-01-11T13:35:01.210 に答える
0

WebアプリケーションのWOFFフォント形式で同様の問題が発生しましたが、問題はサーバーがapplication/x-woffファイルの要求を認識しない（したがってサービスを提供しない）ことが原因であることが判明しました。

サイトがWindowsIISでホストされている場合は、次のチュートリアルを使用してみてください：http: //www.projectseven.com/tutorials/servers/iis-woff/index.htm

そうでなければ、このSOの質問は便利かもしれません：WOFFフォントのMIMEタイプ

于 2013-01-11T13:53:40.960 に答える