2016-08-27 7 views
0

On my page、ベンダーのCSSが実際に読み込まれているにもかかわらず、Fontawesomeアイコン(たとえば、ページの右上の2つ) 。 CSSファイルからロードされる方法は次のとおりです。ベンダーのCSSが正しく読み込まれているにもかかわらずFontawesomeアイコンが表示されない

@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"); 

なぜ機能しないのでしょうか?

答えて

1

http://pizzaontime.fr/new/wp-content/themes/pot/dist/styles/main.cssには、FontAwesome用のフォントファイルがローカルに含まれています。リンク相対リンクは../fonts/で始まるので、ここにあるはずです:http://pizzaontime.fr/new/wp-content/themes/pot/dist/fonts/、しかしFontAwesomeフォントファイルはありません。

はい、*.cssファイルが含まれていますが、FontAwesome CDNが整理しているのと同じ構造にフォントファイルを配置する必要があります。それを修正する方法の詳細と

編集:

最初のアプローチ(最も簡単な方法は):(<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">)あなたのHTMLにCSSファイルを含めます。あなたのCSSファイルのインクルードを削除してください。

2番目のアプローチ:不足しているフォントファイルをhttp://pizzaontime.fr/new/wp-content/themes/pot/dist/fonts/に置きます。それらはhereです。

+0

私はあなたの答えを理解していません... – drake035

+0

CDNのCSSファイルには、比較的リンクされているフォントファイルが含まれていることがわかります。そのため、ブラウザはサーバー上でそれらを検索します。 cssファイルのコードを取得するだけでなく、それを含む。私は答えを一瞬でもっと詳細に更新します。 – Paul

+0

最初のアプローチを取った、ありがとう:) – drake035

関連する問題