今日の花:ひゃくにち草 幸福  今日の星:ゼータ・セルペンティス(へび座ζ星) 責任感ある真面目さ
LuxeritasよりCocoonへ移行中です。

HTMLエンティティとMaterial Iconsの一覧

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

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

 

よく使うHTMLエンティティ

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

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

使っているマテリアルアイコン

window 
<span class=”material-icons-outlined”>window</span>

settings 
<span class=”material-icons-outlined”>settings</span>

sell 
<span class=”material-icons”>sell</span>

check_box 
<span class=”material-icons-outlined”>check_box</span>

radio_button_checked 
<span class=”material-icons-outlined”>radio_button_checked</span>

view_list 
<span class=”material-icons-outlined”>view_list</span>

post_add 
<span class=”material-icons-outlined”>post_add</span>

search 
<span class=”material-icons-outlined”>search</span>

==========
css での使い方
xxxxx:before {
 content:’¥Code point’;
 font-family: ‘Material Icons’;
}

コメント