Javascript 在HTML5 Windows Phone应用程序上使用web字体?

Javascript 在HTML5 Windows Phone应用程序上使用web字体?,javascript,windows-phone-8,fonts,Javascript,Windows Phone 8,Fonts,我正在构建一个WindowsPhone8HTML5应用程序,在web上显示一个外部网站。加载页面时,它会显示所有内容以及正确的css样式(web字体除外)。web字体不包括在项目中,它是从网站在线运行的。另外,我知道javascript正在运行,因为其他Java脚本正在该页面上工作。有人知道一种让网页字体在应用程序中工作的解决方案吗?如果有帮助,当我将Windows Phone 8中的主web浏览器指向相关网页时,webfonts加载良好。自定义字体可以在Windows Phone 8 HTML

我正在构建一个WindowsPhone8HTML5应用程序,在web上显示一个外部网站。加载页面时,它会显示所有内容以及正确的css样式(web字体除外)。web字体不包括在项目中,它是从网站在线运行的。另外,我知道javascript正在运行,因为其他Java脚本正在该页面上工作。有人知道一种让网页字体在应用程序中工作的解决方案吗?如果有帮助,当我将Windows Phone 8中的主web浏览器指向相关网页时,webfonts加载良好。

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

  • 在Visual Studio中,确保字体的
    属性>高级>生成操作设置为“内容”,以便在生成和部署项目时将其复制到设备
  • 确保您使用的字体已获得嵌入许可,并且设置为0以允许嵌入。iOS和Android忽略了这个可嵌入标签,但IE10尊重它 您可以使用开源软件检查任何truetype字体的可嵌入标志。通过将
    View>Show>Advanced>Legal rights for embedded
    中的值更改为0并重新保存,可以使字体可嵌入。仅当字体获得嵌入许可时才更改标志

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

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


    进一步的测试证实了这一点,但仅适用于具有GDR2或更高版本的WP8设备。这意味着诺基亚设备的Lumia琥珀色或Lumia黑色更新或更好。这是正确的答案。我用一个基于@thomasf2811的示例应用程序创建了一个回购协议解决方案:非常感谢。在我的科尔多瓦项目中,我一直在努力解决这个问题,直到我在这里找到了你的解决方案,这个解决方案非常有效:)这个解决方案非常有效。谢谢分享!您可能遇到的另一个问题是TTF的CSS路径,它必须是相对路径而不是绝对路径。