私は Font Awesome を使用しており、HTTP で CSS を追加したくありません。Font Awesome をダウンロードしてコードに含めましたが、Font Awesome はアイコンではなく、枠付きの四角いボックスを表示します。これが私のコードです:
<html>
<head>
<link rel="stylesheet" href="../css/font-awesome.css">
<link rel="stylesheet" href="../css/font-awesome.min.css">
</head>
<body>
<div style="font-size: 44px;">
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
</div>
</body>
</html>
枠線付きの四角いボックスの代わりにアイコンを表示する方法を知りたいです。
ベストアンサー1
私の場合、CSS コードで次の間違いを犯しました。
*{
font-family: 'Open Sans', sans-serif !important;
}
これにより、ページ全体のすべてのフォント ファミリ ルールが上書きされます。私の解決策は、次のようにコードを body に移動することでした。
body{
font-family: 'Open Sans', sans-serif;
}
注意: !importantCSS でフラグを使用すると、同じ要素で同じタイプとして宣言された他の CSS ルールが上書きされます。