この問題に関するフィードバックを探しています。Sencha Touch 2.0 を使用して、PhoneGap/Cordova 経由でパッケージ化されたハイブリッド アプリを構築しています。
フォントを使用してシンボルを埋め込みたいと思います（そして、解像度の問題を自動的に取り除きます）。デスクトップ用のhttp://fortawesome.github.com/Font-Awesome/が大好きで、モバイルアプリにも収まるかどうか疑問に思っています。
ただし、可能な限り最高のパフォーマンスを得ようとしています。
アイデアは、巨大なリスト (>500 項目) でこれらのシンボルを使用できるようにすることです。そして、これらのメソッド（pngとインラインbase64とフォント）がどのように比較されるかについては、まったくわかりません。
Sencha チームは静的 png よりも inlined-base64 を使用しているようです。
フォント素晴らしい
私は、FontAwesome を使用していたプロジェクトに取り組んでおり、iOS ではすべて正常に動作していました。しかし、大きな問題がありました。Android では動作せず、この問題を解決する方法がわかりませんでした。したがって、Android スマートフォン用のアプリを作成することを検討していない場合、またはたまたまうまく機能する場合は、それを選択することをお勧めします。あなたが言ったように、Webフォントを使用すると、画面の解像度を気にする必要がなく、アイコンの色とサイズを簡単に変更できるため、非常に便利です.
PNG
PNG の唯一の問題は、PNG を取得するために行う HTTP リクエストの数だと思います。したがって、私があなたにできる唯一のアドバイスは、スプライトを使用することです。FontAwesome のようなアイコンを提供する Glyphicons のようなものを使用できます。
インライン Base64
このソリューションの唯一の問題は、イメージ URI が 32k を超えてはならないことです(Base64 (DATA: URI) イメージを検討する場合によると)。どうやら IE6/7 ではサポートされていないようですが、Sencha は webkit ブラウザーのみをサポートしているため、問題ではないと思います。
したがって、私の経験から、可能であれば FontAwesome を使用することをお勧めします。それ以外の場合は、常にスプライトを静的画像に使用する必要があります。
それが役に立ったことを願っています