3

この問題に関するフィードバックを探しています。Sencha Touch 2.0 を使用して、PhoneGap/Cordova 経由でパッケージ化されたハイブリッド アプリを構築しています。

フォントを使用してシンボルを埋め込みたいと思います(そして、解像度の問題を自動的に取り除きます)。デスクトップ用のhttp://fortawesome.github.com/Font-Awesome/が大好きで、モバイルアプリにも収まるかどうか疑問に思っています。

ただし、可能な限り最高のパフォーマンスを得ようとしています。

アイデアは、巨大なリスト (>500 項目) でこれらのシンボルを使用できるようにすることです。そして、これらのメソッド(pngとインラインbase64とフォント)がどのように比較されるかについては、まったくわかりません。

Sencha チームは静的 png よりも inlined-base64 を使用しているようです。

4

1 に答える 1

1

フォント素晴らしい

私は、FontAwesome を使用していたプロジェクトに取り組んでおり、iOS ではすべて正常に動作していました。しかし、大きな問題がありました。Android では動作せず、この問題を解決する方法がわかりませんでした。したがって、Android スマートフォン用のアプリを作成することを検討していない場合、またはたまたまうまく機能する場合は、それを選択することをお勧めします。あなたが言ったように、Webフォントを使用すると、画面の解像度を気にする必要がなく、アイコンの色とサイズを簡単に変更できるため、非常に便利です.

PNG

PNG の唯一の問題は、PNG を取得するために行う HTTP リクエストの数だと思います。したがって、私があなたにできる唯一のアドバイスは、スプライトを使用することです。FontAwesome のようなアイコンを提供する Glyphicons のようなものを使用できます。

インライン Base64

このソリューションの唯一の問題は、イメージ URI が 32k を超えてはならないことです(Base64 (DATA: URI) イメージを検討する場合によると)。どうやら IE6/7 ではサポートされていないようですが、Sencha は webkit ブラウザーのみをサポートしているため、問題ではないと思います。

したがって、私の経験から、可能であれば FontAwesome を使用することをお勧めします。それ以外の場合は、常にスプライトを静的画像に使用する必要があります。

それが役に立ったことを願っています

于 2012-07-19T20:34:10.693 に答える