Windows Phone 8 HTML5应用程序中的Webfont

Question

我无法在Windows Phone 8 HTML5应用程序中使用任何网络字体。

我执行以下操作：

1. 创建一个新的Windows Phone HTML5应用项目
2. 将我的WOFF字体（尽管我也尝试过eot和ttf）复制到项目根目录，并将其作为现有项添加到项目中
3. 将此CSS添加到index.html文件

如果有人可以使用简单的本地Web字体创建模板Windows Phone 8项目，我将非常感激。 这让我真的陷入困境。

Answer 1

Windows Phone支持Web字体。 但是，如果它们嵌入在XAP上，它们将无法工作。

工程响应：这是一个已知问题，我们知道的唯一解决方法是将字体托管在远程服务器上（确保绕过单一来源策略问题），并可能使用AppCache将字体文件保留在设备上的本地位置。

谢谢，

Answer 2

显然，这是一个已知问题，并且，作为一种解决方法，您需要在远程服务器中托管字体，直到Microsoft解决此问题为止。

Answer 3

我已经能够在Windows Phone 8 HTML应用程序中毫无问题地使用本地truetype网络字体。 您必须确保使用TTFEdit之类的软件将字体中的embeddable标志设置为0。

在这里查看我对类似的stackoverflow问题的完整答案 。

我认为这可能比接受的答案更好，但是我是n00b，所以我无法对此发表评论。

Answer 4

我已经搜索并找到以下帖子。 可能是相关的。

使用jQuery的Phonegap Windows Phone 7动态HTML加载和跨域调用

“如果未初始化Cordova（即尚未就绪的设备就绪状态），则浏览器控件会将其视为远程获取，并使您进入常见的跨域问题并拒绝”。CSS可能就是这种情况。 可能是您可以尝试在deviceready事件之后动态加载CSS，然后看看会发生什么。

注意：我在Windows Phone 8中使用Phonegap / Cordova网络字体发布了相同的答案

Answer 5

我刚刚在这段视频中注意到了。 http://channel9.msdn.com/Blogs/Interoperability/Getting-started-with-Windows-Phone-8-and-Cordova在4:12左右，它提到构建动作必须按顺序设置为“内容”以便查看文件。 不确定是否有帮助，因为我们已经有关于错误的报告。 ：p但是我还是希望值得分享。 :)

Answer 6

我使用Cufon http://cufon.shoqolate.com/解决了这个问题。 Cufon渲染图像而不是文本，因此这就是在Windows Phone上工作的原因。

这是文档和用法： https : //github.com/sorccu/cufon/wiki 。 我希望这有帮助。

Answer 7

看起来，如果您在base64中对字体进行编码，然后直接将其放在css文件中，那么它在WP8应用程序中也可以正常工作。

使用Icomoon或Fontsquirrel等网络应用程序，您可以轻松生成包含base64字符串的css。