css @font-face firefox

では、Google ChromeおよびInternet Explorerで正しく機能しているにもかかわらず、CSS @font-faceルールはFirefoxで機能していません。 @font-faceコードは有効であるように見えますが、問題はFirefoxに固有のようです。トラブルシューティングこの不一致には、Firefox内の構成と設定を理解する必要があります。この問題に対処するには、Firefoxアドレスバーの「about：config」に移動し、「fileuri」でフィルターをかけ、「security.fileuri.strict_origin_policy」をfalseに切り替えます。これにより、Firefoxはローカルフォントリソースを処理する際に他のブラウザと同様に動作することができます。コードでは相対パスが指定されていますが、.htaccessファイルに追加のヘッダーを追加することをお勧めします。 ヘッダーセットAccess-Control-Allow-Origin "*"

このヘッダーは、潜在的なクロスドメインの制限を防ぐ必要があります。さらに、Font書体にBase64エンコードを使用することができます。これは問題を解決することもできます。