javascript - 让网络字体在 HTML5 Windows Phone 应用程序上工作？

Question

我正在构建一个在网络上显示外部网站的 Windows Phone 8 HTML5 应用程序。当页面加载时，它会显示所有内容以及正确的 css 样式，但 Web 字体除外。网页字体不包含在项目中，它是从网站在线运行的。另外，我知道 javascript 正在运行，因为其他 javascripts 正在页面上运行。有谁知道让网络字体在应用程序内部工作的解决方案？如果有帮助，当我将 Windows Phone 8 中的主网络浏览器定向到有问题的网页时，网络字体加载正常。

Answer 1

自定义字体可以在 Windows Phone 8 HTML5 应用程序中使用，其使用方式与在网站和其他移动平台的 WebView 中使用的方式相同。有两点需要注意，

1. 在 Visual Studio 中，确保字体的 Properties>Advanced>Build Action 设置为“Content”，以便在构建和部署项目时将其复制到设备。
2. 确保您使用的字体已获得嵌入许可，并且 the embeddable flag in the truetype font设置为 0 以允许嵌入。 iOS 和 Android 忽略这个可嵌入标签，但 IE10 尊重它。

您可以使用开源 TTFEdit 检查任何 truetype 字体的可嵌入标志.您可以通过将 View>Show>Advanced>Legal rights for embedding 中的值更改为 0 并重新保存来使字体可嵌入。仅当字体已获得嵌入许可时才更改标志。

我已经用一些 truetype 字体进行了测试，没有问题。到目前为止，我唯一的问题是包含 font-awesome 库，其中 font-awesome.min.css 中的 src: 值需要更改以修复 IE10 移动版中的错误.使用 font-awesome 时，

src:url('../fonts/fontawesome-webfont.ttf?v=4.0.3') 将不起作用。 src:url('../fonts/fontawesome-webfont.ttf') 会。