HTMLエンティティとAwesomeの一覧

ソフトウェアWordPress

前回STINGER8のクイックタグをメモしたので、今回はHTMLエンティティとAwesomアイコンのコードをメモしておきます。

すぐ忘れてしまうので、これで探し回らなくてすみそうです。

よく使うHTMLエンティティ

文字 番号 内容
" &#034 ダブルクォーテーション
& & & アンパサンド
, , コンマ
. . ピリオド
/ / スラッシュ
< &lt; &#060; 小なり
= &#061; イコール
> &gt; &#062; 大なり
@ &#064; アットマーク
[ &#091; 角かっこ
\ &#092; バックスラッシュ
] &#093; 角かっこ
&nbsp; &#160; 半角空白
¥ &yen; &#165; 円マーク

バックスラッシュは、「¥」が表示されてしまうので
<span style="font-family:Arial;">¥</span>
とすると、「\」バックスラッシュが表示される。

使っているAwesomeアイコン


<i class="fas fa-external-link-alt"></i>


<i class="fas fa-tags"></i>


<i class="fas fa-folder-open"></i>


<i class="fas fa-cog"></i>


<i class="fas fa-home"></i>


<i class="fab fa-windows"></i>


<i class="fas fa-chevron-circle-right"></i>


<i class="far fa-square"></i>


<i class="far fa-check-square"></i>

cssで使うときは、

font-family:"Font Awesome 5 Free";
content:"\f〇〇〇";
font-weight:900;

として、特に font-weight の指定を忘れずに。