[解決済み] 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にインラインで含める必要がありません。
関連
-
[解決済み】@font-faceが機能しない。
-
[解決済み】Google Chromeでレスポンシブメディアクエリが機能しない件
-
[解決済み] font-face は OpenType 埋め込み許可チェックに失敗しました。パーミッションはインストール可能である必要があります。
-
[解決済み] <label for=""> CSSを非表示にする方法
-
[解決済み] divを親の中で自動的に縦に重ねるにはどうしたらいいですか?
-
[解決済み] three.jsの背景を透明や他の色に変更する。
-
[解決済み] twitter-bootstrapの@-ms-viewportというタグは何ですか?
-
[解決済み] codepenでfont awesomeを使用する
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】なぜ私のdivは重なっているのですか?
-
[解決済み】DIVの幅が100%というのは本当の100%ではない
-
[解決済み] iframe 要素の scrolling 属性は廃止されました。代わりにCSSを使用してください。
-
[解決済み] ボーダーの太さをパーセントで設定するには?
-
[解決済み] 位置固定が効かないのが絶対のように効いている【非公開
-
[解決済み] SPANのheightプロパティを設定する方法
-
[解決済み] moz-とwebkit-とは何ですか?[重複しています]。
-
[解決済み] Bootstrap 4のclass="mb-0 "とは何ですか?
-
[解決済み] Font Awesomeで2つ以上のアイコンを重ねる/重ねるには?
-
[解決済み] ChromeでCSSが効かない