Windows Phone 8 HTML5 应用程序中的 Webfont答案

【问题标题】：Webfont in Windows Phone 8 HTML5 AppWindows Phone 8 HTML5 应用程序中的 Webfont
【发布时间】：2012-12-30 03:18:30
【问题描述】：

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

我执行以下操作：

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

【问题讨论】：

您是否验证过您的服务器通过 mime 类型理解 woff 格式？这是一个解决 IIS Express 的 stackoverflow 问题。 stackoverflow.com/questions/9021946/…
忘记我写的。错过了您没有编写网络应用程序的部分:)
我不太熟悉 WP8 开发和移动 IE（以及他的局限性 ;)），但您可以尝试将字体嵌入为 Data URI。
感谢您的反馈，我也尝试使用数据 URI。在 WebBrowser 控件中使用远程 HTML 页面时，我尝试过的所有解决方案都有效，但由于某种原因在本地无效。
how to apply custom font to web browser content WP7的可能重复

【解决方案1】：

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

“如果 Cordova 未初始化（即设备未触发），浏览器控件会将其视为远程获取，并将您置于通常的跨域问题并拒绝”这可能是 CSS 的情况。也许你可以尝试在 deviceready 事件之后动态加载 CSS 看看会发生什么。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

Windows phone 支持网络字体。但是，如果它们嵌入在 XAP 中，它们将无法工作。

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

谢谢，

【讨论】：

【解决方案4】：

我刚刚注意到这个视频。 http://channel9.msdn.com/Blogs/Interoperability/Getting-started-with-Windows-Phone-8-and-Cordova 在大约 4:12，它提到必须将构建操作设置为“内容”才能看到文件。不确定这是否有帮助，因为我们已经收到了有关错误的报告。 :p 但我希望无论如何都值得分享。 :)

【讨论】：

【解决方案5】：

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

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

【讨论】：

【解决方案6】：

我已经能够在 Windows Phone 8 HTML 应用程序中使用本地 truetype 网络字体，没有任何问题。您必须确保使用TTFEdit等软件将字体内的可嵌入标志设置为0。

查看the full answer我在这里提出了一个类似的stackoverflow问题。

我认为这可能比接受的答案更好，但我是 n00b，所以我还不能对此添加评论。

【讨论】：

这是正确的答案。我使用基于@thomasf2811 解决方案的示例应用程序创建了一个存储库：github.com/gabrielmaldi/windows-phone-8-local-font-face

【解决方案7】：

看起来如果您将字体编码为 base64 并将其直接放入 css 文件中，那么它也可以在 WP8 应用程序中使用。

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

【讨论】：