[解決済み] Font Awesome 5、instagramのアイコンが消えているのはなぜ?
2022-02-25 11:01:51
質問
なぜここにInstagramのアイコンがないのか
.share{
display:inline-block;
color:#0099cc;
font-size:25px;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
<i class="fab fa-facebook-square share"></i>
<i class="fab fa-instagram-square share"></i>
<i class="fab fa-twitter-square share"></i>
解決方法は?
CDNのバージョンを最新のものに更新してください。5.7にはなく、5.12から追加された( https://github.com/FortAwesome/Font-Awesome/blob/master/CHANGELOG.md#5121---2020-02-04 )
追加
instagram-squareアイコン FortAwesome/Font-Awesome#9223
.share {
display: inline-block;
color: #0099cc;
font-size: 25px;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<i class="fab fa-facebook-square share"></i>
<i class="fab fa-instagram-square share"></i>
<i class="fab fa-twitter-square share"></i>
関連
-
[解決済み】CSSの背景画像が表示されない。
-
[解決済み】Markdownで'target="_blank"'でリンクを作成することはできますか?
-
[解決済み] CSS color vs. background-color vs. background?
-
[解決済み] HTMLの#記号の文字実体は?
-
[解決済み] HTMLのテーブルを部分的に透明にするには?
-
[解決済み] :last-child が期待通りに動作しない?
-
[解決済み] mailchimpのメールインラインスタイルのコーディングがいつも通りできない
-
[解決済み】CSSでFont Awesome アイコンを使用する
-
[解決済み】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要素の間に説明のつかない隙間があるのはなぜですか?[重複]
-
[解決済み】ローカルの実行ファイルへのハイパーリンクを作成する方法は?
-
[解決済み】エラー。Body " の後の無効な CSS: 期待されるセレクタまたは at-rule は、4 行目の "{" でした。
-
[解決済み] text-overflow: 省略記号が機能しない
-
[解決済み] フレックスアイテムを右にフロートさせる
-
[解決済み] 絶対位置が機能しない
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] IFrameからボーダーを取り除く
-
[解決済み] ChromeのデベロッパーツールでHTML Bodyにcz-shortcut-listen="true "が表示される?
-
[解決済み] HTMLのバックスペース