意外と多い!? Web フォントに対応していない環境 ~2012 年の Web フォント事情の最後でアイコン・フォントが意味不明な文字になってしまうことに対して警鐘を鳴らしている。僕もDingbatのWebフォントというタイトルで似たようなことは書いたが、最近はU+E000からU+F8FFのPrivate Use Area (私用領域または外字領域)へアイコンをマッピングするもの増えてきており、そういった問題については一部解決しつつある。ただしフォールバックできない問題は依然として残るので、JavaScriptの力を借りつつCSS側で対応してやる必要がある。 私用領域にマッピングしたとしても解決するのは意味不明な文字列が表示されてしまうことだけなので、依存する使い方、例えば画像置換のような形でアイコンと文字列を置き換えるような使い方はそのままでは問題がある。そうしてしまうとWebフォントが
![私用領域へのマッピングだけでは解決しないもの](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2fda417d491d805f79065104db5f50e11015215/height=288;version=1;width=512/https%3A%2F%2Fhail2u.net%2Fapple-touch-icon-precomposed.png)