アイコンフォント

アイコンフォント

PUA を使うタイプ

[1] 絵文字、 PUA も参照。

[17] (2016-03-21 12:19:02 +09:00 版) http://247dieter.com/

<input type="text" placeholder="気になるワードを入力" value="" name="s" id="s" />
<button type="submit" id="searchsubmit"></button>

フォント指定で Font Awesome (虫眼鏡アイコン)

[13] Segoe Fluent Icons font - Windows apps | Microsoft Learn, jwmsft, 2024-01-15T03:05:27.000Z https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font

合字を使うタイプ

[3] Symbolset - Turn words into icons using font magic, 2020-12-28T09:27:52.000Z https://symbolset.com/

[4] 独占ソフトウェア。

[7] Ligature Icon フォントセットの自作方法とWebFont - くらげだらけ, 2020-12-28T09:40:04.000Z https://kudakurage.hatenadiary.com/entry/20120701/1341116002

[8] 【完全版】Ligature Symbols フォントセットの自作方法 - くらげだらけ, 2020-12-28T09:45:31.000Z https://kudakurage.hatenadiary.com/entry/20120720/1342749116

[14] Ligature Symbols (Kazuyuki Motoyama 著, 2013-01-31 04:13:14 +09:00 版) http://kudakurage.com/ligature_symbols/

[2] (PUA にも割り当ててる。)

[12] >>10 PUA にもあり。

既存文字コードを勝手に置き換えたタイプ

フォント依存符号化

[5] iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 - くらげだらけ, 2020-12-28T09:31:48.000Z https://kudakurage.hatenadiary.com/entry/20111025/1319475131
- [6] Web Symbols, 2011-10-24T15:25:39.000Z, 2020-12-28T09:34:54.574Z http://kudakurage.com/test/safari_on_ios5/websymbols/

メモ

[9] SF Symbolsの使い方とカスタマイズの仕方 - くらげだらけ, 2020-12-28T09:56:59.000Z https://kudakurage.hatenadiary.com/entry/2019/10/25/085434