1. ホーム
  2. css

[解決済み] codepenでfont awesomeを使用する

2022-03-01 15:13:12

質問

Codepenにfont-awesomeのスタイルシートを追加しようとしていますが、うまくいかないようです。

コードペン( https://codepen.io/kellett/pen/YreKaW )

以下は、HTMLページのトップに挿入したスタイルシートである。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">  

解決方法は?

動作しています。ただ、間違ったfont-awesomeクラスを使っているだけです。

19行目は <span class="fa fa-search"></span> .

こちらをご覧ください 更新されたCodePen


また、CodePenの設定でCDNを追加することで、htmlにインラインで含める必要がありません。