css - 字体和图标仅在 Windows 手机上不显示

Question

我正在使用 phonegap 3.0 在 android、iOS 和 Windows 手机上创建应用程序。我为我的文本和图标使用自定义字体。但在 Windows Phone 8 中查看时，字体和图标不会出现在应用程序上。

我曾尝试在device ready活动结束后加载字体；使用 .woff 字体；从外部源加载 - 没有任何效果。我怎么能解决这个问题？

Answer 1

我之前听说过这个问题，显然 Windows Phone 8 中存在一个问题，当 html/css 托管在本地时，它会阻止自定义字体工作。您可以尝试在外部托管 html/css 文件吗？只是看看它是否有所作为。我认为这是在 WP8 上使用的当前 WebBrowser 控件中的一个错误

编辑：请参阅有关类似问题的 StackOverflow 问题和答案

Answer 2

您可以将文件转换为 base64，使用周围的服务之一（例如这个，并添加这样的 url：

src: url(data:application/x-font-woff;charset=utf-8;base64, AAEAAAALAIAAAwAwT1MvMg6SAy8AAAC8AAAAYGNtYXAa.....)