前回STINGER8のクイックタグをメモしたので、今回はHTMLエンティティとAwesomアイコンのコードをメモしておきます。
すぐ忘れてしまうので、これで探し回らなくてすみそうです。
よく使うHTMLエンティティ
文字 | 名 | 番号 | 内容 |
“ | " | " | ダブルクォーテーション |
& | & | & | アンパサンド |
, | , | コンマ | |
. | . | ピリオド | |
/ | / | スラッシュ | |
< | < | < | 小なり |
= | = | イコール | |
> | > | > | 大なり |
@ | @ | アットマーク | |
[ | [ | 角かっこ | |
\ | \ | バックスラッシュ | |
] | ] | 角かっこ | |
|   | 半角空白 | |
¥ | ¥ | ¥ | 円マーク |
バックスラッシュは、「¥」が表示されてしまうので<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’;
}
コメント