Font に問題があるため、Chrome では読み込まれる理由がわかりませんが、Firefox では読み込まれていないようです。
ここに例があります
前もって感謝します
あなたが持っているのとまったく同じ問題を抱えていたこのSOスレッドをチェックしてください。提案された回避策は他のコミュニティで提供され、この問題の解決に役立ちました。
同じディレクトリにフォントを保存し、このように適用すると、Firefox12.0でチェックインできます。
@font-face
{
font-family: 'Play';
src: url('play.ttf');
}
.font
{
font-family: "play";
font-size: 20px;
}
<p class="font">TESTING</p>
Firefoxはフォントへの相対パスのみを受け入れます。ページが配置されているドメインとは異なるドメインを使用してフォントをホストする場合は、MozillaのHTTPアクセス制御ポリシーに従う必要があります。
このクロスオリジン共有標準は、次のクロスサイトHTTPリクエストを有効にするために使用されます。
[...]
Webフォント(CSS内の@font-faceでのクロスドメインフォントの使用用
Google から直接使用する方がよいのではないかと思います。そうすれば、著作権の問題を心配する必要はなく、無料です。
http://www.google.com/webfonts#QuickUsePlace:quickUse/ファミリー:
Firefox (Gecko) では、HTTP アクセス制御を使用してこの制限を緩和しない限り、 Web フォントには同じドメイン制限が適用されます (フォント ファイルは、フォント ファイルを使用するページと同じドメインにある必要があります)。
注: TrueType、OpenType、および Web Open File Format (WOFF) フォントの MIME タイプが定義されていないため、指定されたファイルの MIME タイプは考慮されません。
数週間前にまったく同じ問題がありました。
私がしたlocal('*Name of Font*)
ことは、ブラウザがフォントを探すように追加することだけでした
Firefoxは変です。開発用ローカル サーバーでは、指定したパスで src フォントを実際に検索する前に、インストール フォント セットからフォントをロードしようとすることに気付きました。
Thats are local は、ローカルのフォント セットを調べるように指示するのに役立ちます。
使いますか:
<base href="http://www.site.com/" />
その場合は、次のように変更します。
<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" />