フォント素晴らしいアイコンがChromeで表示されない61

Question

私は私のプロジェクトでフォント素晴らしいアイコンをダウンロードして

<link rel="stylesheet" href="resources/font-awesome/css/font-awesome.min.css"> 

としてfont-awesome.min.cssを輸入し、単に

<i class="fa fa-user-o" aria-hidden="true"></i> 

• のようにそれらを使用しましたスタイルシートがロードされたので、パスに問題はありませんでした。

• アイコンはFirefoxでは正常に機能しましたが、Chrome 10ではまったく表示されませんでしたが、Windows 10でもLinuxでも表示されませんでした。したがって、OSとは関係ありません。

• Chromeには競合するプラグインがありません。

• 私も<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">を試しましたが、何も変わりませんでした。

誰でもこの問題の原因が分かっていますか？ありがとう！

Answer 1

私はPolymerを使用しています。そして、私が見つけた解決策はここにあります。

1. NPMとpolymer-font-awesomeをインストールします。

   npm i polymer-font-awesome

2. はpolymer.jsonに次の依存関係を追加：

   ：

   "extraDependencies": ["node_modules/polymer-font-awesome/dist/fonts/*"]

3. は、これら2つのファイルをインポートします

4. <link rel="import" href="node_modules/polymer-font-awesome/dist/font-face.html">
<link rel="import" href="node_modules/polymer-font-awesome/dist/font-awesome.html"> はstlyeモジュールが含ま：Chromeで

   <style type="text/css" include="font-awesome"></style>

キャッシュをクリアし、それが私のために働きました。

Answer 2

私はまったく同じ問題を抱えています。私はフォントとcssを再ダウンロードしようとしました。私のCSSを新しいファイルに書き直し、headタグのスクリプトとタグの一部を取り除きました。何も動作しません。それはクロム61に関連しているようです。私はFAのギブスにこれを報告するつもりでしたが、誰かのように見えますalready did。

Answer 3

AdBlockをオンにしている場合は、まず無効にする必要があります。 FirefoxでもFirefoxでは素晴らしいフォントが表示されるのと同じ問題がありますが、Chrome AdBlockでブロックされていることがわかりました。