Fontastic.me を使用してアイコンフォントを作成しました。Android 4.2.2 および 4.3 のネイティブ ブラウザー (例: 最新の Samsung タブレット) を除いて、うまく機能します。これらのブラウザでは、フォント全体の文字に幅がありません。これは、Fontastic.me で作成されたすべてのフォントで発生します (Fontastic.me 自体が提供するフォントであっても)。これは、アイコンを (水平方向に) 中央に配置する際の大きな問題です。
テストするために Web ページをセットアップしました: http://ajuin2013.boondoggle.eu/fontastic-streamlineicons/icons-reference.html。ピンク色は文字の幅を表しています。次のスクリーンショットは、通常の動作と AndroidBrowser の動作を比較しています: http://ajuin2013.boondoggle.eu/fontastic-streamlineicons/fontastic.png
Icomoon を fontgenerator として使用すると問題が発生しないため、Fontastic のおかげだと確信しています。所有者にも通知しましたが、Mac に Android Emulator をインストールする方法がわからないため、調べることができないとのことです。
ここで何が起こっているのか、手がかりを持っている人はいますか? 文字スペースが崩壊する原因は何ですか?