沃梦达 / IT编程 / 前端开发 / 正文

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

我正在构建一个Windows Phone 8 HTML5应用程序,该应用程序在Web上显示外部网站.页面加载时,除了Web字体外,它还显示所有内容以及正确的CSS样式. Web字体不包含在项目中,它是从网站在线运行的.此外,我知道javascript正...

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

解决方法:

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

>在Visual Studio中,确保将字体的属性>高级>构建操作设置为“内容”,以便在构建和部署项目时将其复制到设备.
>确保您使用的字体已获得嵌入许可,并且the embeddable flag in the truetype font设置为0以允许嵌入. iOS和Android忽略了这个嵌入式标签,但IE10尊重它.

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

我已经测试了许多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’)会的.

本文标题为:javascript – 获取Web字体以在HTML5 Windows Phone应用程序上运行?