繁体   English   中英

获取Web字体以在HTML5 Windows Phone应用程序上运行?

[英]Getting a web-font to work on an HTML5 Windows Phone App?

我正在构建一个Windows Phone 8 HTML5应用程序,该应用程序在Web上显示外部网站。 页面加载时,除了Web字体外,它还显示所有内容以及正确的CSS样式。 Web字体不包含在项目中,它是从网站在线运行的。 此外,我知道javascript正在运行,因为其他javascripts正在页面上工作。 有没有人知道在应用程序内部使用Web字体的解决方案? 如果它有帮助,当我将Windows Phone 8中的主Web浏览器定向到相关网页时,webfonts加载正常。

自定义字体可以在Windows Phone 8 HTML5应用程序中使用,就像在网站和其他移动平台的webview上使用一样。 有两点需要注意,

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

您可以使用开源TTFEdit检查任何truetype字体的embeddable标志。 您可以通过更改“ View>Show>Advanced>Legal rights for embedding为0并重新保存,从而使字体可View>Show>Advanced>Legal rights for embedding 如果字体已获得嵌入许可,则仅更改标志。

我已经测试了许多truetype字体没有问题。 到目前为止我唯一的问题是包括font-awesome库,其中font-awesome.min.css中的src:值需要更改以修复IE10 mobile中的错误。 当使用font-awesome时,

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

Lumia 920上带有四种嵌入字体的示例项目(经过Amber和Black更新测试)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM