Cdnjs: Font AwesomeがFirefoxで機能しない（修正の可能性が見つかりました）

これを試し、ブランチのrawファイルからテストしましたが、どういうわけか機能しません。 そして、私のフォントはすべて正方形を表示するようになりました。 これを試しましたか？

https://github.com/bfintal/cdnjs/blob/font-awesome-ff-patch/ajax/libs/font-awesome/3.0.0/css/font-awesome.min.css

たぶんこれをcdnjsサーバーに追加すると、それが機能するようになります： http ：//www.wpthemehelp.com/knowledgebase/font-icons-not-working/

こんにちはジャミ、
情報をありがとう。 調べてみます:)

2013年1月10日木曜日午後10時22分、Jami [email protected]書き込み：

たぶんこれをcdnjsサーバーに追加すると、それが機能するようになります。
http://www.wpthemehelp.com/knowledgebase/font-icons-not-working/

—
このメールに直接返信するか、Gi tHubhttps：//github.com/cdnjs/cdnjs/issues/755#issuecomment-12092131で表示してください。

私はいくつかのテストを行い、修正を見つけました。

FFの開発コンソールは、フォントawsomecssをロードするときにこれを表示します。

[09:29:21.785] downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.0/font/fontawesome-webfont.woff @ http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.0/css/font-awesome.min.css

サーバーは、アクセスを許可するために適切なヘッダーを提供する必要があります（https://github.com/netdna/bootstrap-cdn/issues/27から入手）：

<FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

これで問題が解決するはずです。 それでも解決しない場合は、CSSのフォントファイルのURLも相対に変更する必要があります

@bfintalその情報は素晴らしい仲間です、どうもありがとう。

@bfintal CloudFlareの素晴らしい人たちのおかげで、これはすべてうまくいくはずです:)

キャッシュを更新してテストしてみてください。 どうなるか教えてください。

うまくいきました！ （おそらくIEの場合も）。 RyanとClourFlareに感謝します！ :)

みんなありがとう。 御馳走を動作します。

絶対パスを入力すると、この問題は解決しました。 ありがとう！

さて、彼らはmaxcdnによって提供された1つの公式のhtacessの例であり、それは素晴らしいフォントと問題に関するスピードのための解決策を持っています。 http://support.netdna.com/tutorials/htaccess-examples/または、このガイドを確認してくださいhttp://wpvkp.com/font-awesome-doesnt-display-in-firefox-maxcdn/

しかし、cloudflareを使用したときにそれが機能するかどうかはわかりません。

@terinjokesのおかげで、CORSがサポートされるようになりました。

素晴らしいフォントについての素晴らしい説明をありがとう-mozillaの問題の修正。
私もこの便利な記事に出くわしました...
http://wpvkp.com/font-awesome-doesnt-display-in-firefox-maxcdn/
見てください...

フォントフォルダに以下のファイルをアップロードしてください

FontAwesome.otf
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
------------------重要なグリフィコンファイル----------------
グリフィコン-ハーフリング-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

次のファイルをアップロードしてから、ヘッダーファイルにfont-awesome.min.cssをリンクしてください。

適切なファイルを含む次のリンクは次のとおりです。
http://goo.gl/WICQAf

こんにちは、みんな。
FFではfontawesomeが機能しないことがわかりました。
どうしたらいいか手伝ってくれませんか。

@ blueror815詳細情報がない場合、どのようにお手伝いできますか？

貢献してくれてありがとう!!! これにより、.htaファイルに追加することができました。

ヘッダーセットAccess-Control-Allow-Origin "*"

：+1：いいね

@ Subhojit1992ありがとう、それは動作します。 与えられたリンクからCSSとフォントをダウンロードしました。 今は正常に動作します：+1：

CDNJSは、しばらくの間、Access-Control-Allow-Origin「*」を使用してFontAwesomeフォントファイルを提供してきました。 詳細がわかれば、具体的な事例を調べることができます。

Firefoxでも同じバグがあります（他のすべてのブラウザで正常に動作します）。 FontAwesomeアイコンは、Unicode文字コードが内部にある長方形のボックスとして表示されます。

このバグはCDNJSとは関係がなくなり、Firefoxで問題になっています。 FontAwesomeファイル（cssおよびwoff）は、CDNから200OKで問題なくロードされます。

この問題は、などの異常なUnicode文字がマークアップに直接挿入されたときにFirefoxがUnicodeを正しく表示しないことが原因で発生します。 疑似要素とコンテンツを使用する場合に機能します。例：

yourelement::before {
    content: '\f067';
    font-family: FontAwesome;
}

@ J3QQ4ご報告ありがとうございます！

@ Subhojit1992どうもありがとうございました..あなたの解決策で私はこの問題をクリアしました..

ローカルhtmlでもカスタムフォントがFFで機能せず、同じエラー「ダウンロード可能なフォント：ダウンロードに失敗しました（font-family： "gotham_lightregular" style：normal weight：normal Stretch：normal」が表示されるため、どうすればよいですか？ src index：1）：不正なURIまたはクロスサイトアクセスは許可されていませんソース： "ここで.htaccessコードを適用することさえできません。

@thakurpunk返信が遅くなってすみません、問題のあるURL（いくつかの例）を教えてください。

チャームのように働いた！
問題は解決しましたありがとうございました:)
これを.htaccessファイルに追加すると解決しました>

ヘッダーセットAccess-Control-Allow-Origin "*"

よう皆！
このページのHTMLフォームをindex.htmlにコピーします。
https://www.bootstrapcdn.com/fontawesome/
幸運を ：）