スタイルシートが含まれている場合にのみアイコンが読み込まれない

Question

私はセマンティックUIを使用してウェブサイトを構築し、フォント驚くばかりのアイコンを使用しています。アイコンが正しく読み込まれず、単に四角形として表示されていることに気付きました。ただし、ページのCSSスタイルシートへのリンクを削除すると、アイコンが正しく表示されます。私がリンクを戻すとすぐに、彼らは再び正方形として現れます。

私はこれをむしろ困惑し、問題があると考えています。これを引き起こす原因は何ですか？私は確かにページのためのスタイルシートを持つことができるようにしたい！

Answer 1

私は私のスタイルシートの単一部分に問題を対象とする管理：* { font-family: Avenir, sans-serif !important; }私は、ウェブサイトのフォントを標準化するために、この行を書きましたが、それは、アイコンと矛盾だとラインです。なぜこれがどんなアイデアですか？そして、矛盾しない方法でフォントを設定するための提案はありますか？

!importantは、任意の特異性を無視するようにプロパティに指示する。これは、あなたのfont-family宣言がフォントAwesomeフォントを完全に上書きすることを意味します。

は一般的に、ブラウザが明示的にfont-familyを設定するだけのものはhtml、body、input、select、textareaとbutton要素です。このことを念頭に、あなたは完全に単純に次を使用して、任意のデフォルトフォントを上書きすることができるはずです。

html, body, button, input, select, textarea { 
    font-family: Avenir, sans-serif; 
} 

それはあなたのために動作しない場合は、どこにカスタムフォントISN」を決定するためにあなたのページを点検しますこれらのセレクタを上記の宣言に追加します。

Answer 2

スタイルシートがフォントの恐ろしいアイコンを上書きしている可能性があります。スタイルシートにアイコンがあれば削除してみてください。これが動作するかどうか私に教えてください。