2016-04-23 9 views
2

私のプロジェクトのウェブサイトを開発しています。グリフコンのためにBootstrapとFont Awesomeを使用していますが、私は問題に直面しています。 Font Awesomeアイコンを使用すると、ブラウザにアイコンが表示されませんが、アイコンが表示されます。例えば。 "fa fa-user"が表示されません。それは小さな箱のように現れます。しかし、いくつかのアイコンが表示され、私はfont-awesome-min.cssのWebページにリンクしています。フォントがブラウザに表示されません

は下の画像を参照してください。

check out the signup fa icon

+0

右クリック→「要素の検査」→「前へ」→「コンテンツ」ルールを参照して、書き込まれた内容を教えてください。 – paolobasso

答えて

1

私が最も頻繁に経験した問題は*.woff2ファイルがサーバーによってブロックされたということです。私はこれもここのケースだと思う。ブラウザに<font-awesome>/fonts/fontawesome-webfont.woff2ファイルを開くことができるかどうかを確認してください。そうでない場合は、Webサーバーの構成を変更する必要があります。

編集:関連する投稿、Proper MIME type for .woff2 fontsを見つけました.2番目の回答は、たとえばIISの設定方法を示しています。

+0

私はこのことを申し訳なく思っていますが、真剣に私は* .woff2のことを理解しませんでした。あなたは精巧にしてくださいできますか? – pratheek

+0

最初の手順を完了しましたか?あなたはcssを含めましたよね?したがって、このURLを使用してください。代わりに '.../css/font-awesome.min.css'の代わりに' .../fonts/fontawesome-webfont.woff2'と書いてください。エラーが表示されます(アドレスバーにURLを貼り付けてEnterキーを押すだけです)。エラーが発生した場合は正解、そうでない場合は別の問題です。 – maraca

+0

拡張機能> woff2>「ファイルとして提供」などのサーバー設定の設定や、設定ファイルを編集する必要があります...環境によって異なります。 – maraca

関連する問題