ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでアイコンが表示されない場合の対処法
#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、HTML5&&CSS3 バージョン。 CSS がフォント アイコンを参照するとフォント アイコンが表示されないCSS でアイコンが表示されない場合の解決策: 1. アイコンの参照パスを確認して変更します; 2. フォント ファイルの名前を確認して「fonts」に変更します。
##今日は非常に愚かな間違いをしてしまいました。
css がフォント アイコンを参照すると、 は表示されず、小さなボックスのみが表示されます。私の最初の反応は、パスが間違っているということでした。私は CSS の先頭に戻りました: @font-face
を確認してください。案の定、.../fonts/icomoon を追加するのを忘れていました。 .. url() パスの前に追加、それでも表示できません。いろいろ探しているうちに、
フォントファイル名が fonts ではなく font となっており、@font-face と矛盾しているという問題を発見しましたが、修正後は正常に表示されるようになりました。時間をかけてこの間違いやその他の「愚かな」間違いを書き留めて、今後同じ間違いを繰り返さないように自分に言い聞かせましょう。 ! !
パスの問題に必ず注意してください。 ! !
以上がCSSでアイコンが表示されない場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。