3

我正在寻找有关此问题的一些反馈，我正在使用 Sencha Touch 2.0 构建通过 PhoneGap/Cordova 打包的混合应用程序。

我很想使用一种字体来嵌入符号（并自动消除分辨率问题）。我只是喜欢桌面版的http://fortawesome.github.com/Font-Awesome/并且我想知道它是否也适用于移动应用程序。

但是，我也在努力获得最好的性能。

想法是能够在庞大的列表（> 500 个项目）上使用这些符号。而且我完全不知道这些方法（png vs. inlined-base64 vs. font）将如何比较。

看起来 Sencha 团队正在使用 inlined-base64 而不是静态 png。

4

1 回答 1

1

字体真棒

我正在做一个我们曾经使用 FontAwesome 的项目，并且在 iOS 上一切正常。但是我们遇到了一个大问题，它无法在 Android 上运行，我们也不知道如何解决这个问题。因此，如果您不考虑为 Android 手机制作应用程序，或者它恰好适合您，那么我建议您去做。正如您所说，使用网络字体，您不必关心屏幕分辨率，您可以轻松更改图标的颜色和大小，我发现这非常方便。

PNG

我想 PNG 的唯一问题是您为获取它们而发出的 HTTP 请求的数量。所以我能给你的唯一建议就是使用精灵。你可以使用像 Glyphicons 这样的东西，它给你的图标很像 FontAwesome。

内联 Base64

此解决方案的唯一问题是图像 URI 不得大于 32k（根据何时考虑 base64 (DATA: URI) 图像？）。IE6/7 显然不支持它，我认为这不是问题，因为 Sencha 只支持 webkit 浏览器。

因此，根据我的经验，如果可能的话，请选择 FontAwesome，否则精灵应该始终是静态图像的最佳选择。

希望它有所帮助

于 2012-07-19T20:34:10.693 回答