ベクターアイコン
IE, Safari, Samsung, Netscape
Web フォントと SVG で提供する これ以前は Pure CSS Icon で提供されていました。もっさり感が耐えられなくなりました。
簡易テスト
Data URI フォントのテスト も併せて確認のこと。
| WOFF2 | WOFF | TTF | OTF | EOT | SVG | ||
|---|---|---|---|---|---|---|---|
| <link> | 🕊 | 🕊 | |||||
| Github | | ||||||
| test | -mli | ||||||
| <style> + Data URI | -mli | -mli | -mli | -mli | -mli | -mli | |
| <style> | 🕊 | 🕊 | 🕊 | 🕊 | 🕊 | 🕊 | 🕊 |
| Github | | | | | | | |
| test | -mli | -mli | -mli | -mli | -mli | -mli | |
- application/x-font-woff; application/font-woff;
ベクターアイコン + Data URI
SVGをdataURLでCSSに埋め込み この方法では、対応ブラウザがかなり狭くなる。base64 の方が対応ブラウザは広い。
8. テストページ
オールキャストページ