javascript - Phonegap Windows Phone 8 自定义网络字体

Question

我正在尝试将自定义字体嵌入到 Windows Phone 8 应用程序的 WebView 中，并且已经尝试了所有方法。我遇到了一篇很有前途的文章:blogs.msdn.com/b/wsdevsol/archive/2012/10/23/about-webview-and-embedded-fonts.aspx但没有成功。

例如:

@font-face {
   font-family: 'Avenir LT W01 35 Light';
   src: url('35-light/avenirltstdlight.eot');
   src: url('35-light/avenirltstdlight.eot?#iefix') format('embedded-opentype'),
        url('35-light/avenirltstdlight.woff') format('woff'),
        url('35-light/avenirltstdlight.ttf') format('truetype'),
        url('35-light/avenirltstdlight.svg#avenirltstdlight') format('svg');
   font-weight: normal;
   font-style: normal;
}

也试过只包括路径:

x-wapp0:avenir...woff

甚至使用 Base64。有趣的是，在浏览器中打开应用程序，一切正常。只有当它嵌入到 Phonegap 中时，我才会遇到问题。

你们中的任何人都可以提供帮助或对完成此任务有任何指示吗？

同样，最后我想在我的 HTML 中使用自定义字体(带有网络图标)，通过 Phonegap 在应用程序中显示。

更奇怪的是，连内嵌的woff base64字体都不行。

谢谢

Answer 1

尝试使用 TTFEdit将字体上的可嵌入标签设置为 0。这应该可以解决问题，但请确保您有权在销售您的应用程序之前嵌入该字体。

我的 full answer to a similar问题也可能有帮助。