2013-03-19 37 views
2

我试图将自定义字体嵌入到Windows Phone 8应用程序的WebView中,并尝试了所有内容。我遇到了一个非常有希望的文章:blogs.msdn.com/b/wsdevsol/archive/2012/10/23/about-webview-and-embedded-fonts.aspx但它没有解决。Phonegap Windows Phone 8自定义网页字体

例:

@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中时,我只会遇到问题。

你们谁可以帮忙或有任何关于完成这个指针?

同样,在最后我想通过Phonegap在我的HTML中显示一个应用程序中使用自定义字体(与网页图标)。

更奇怪的是,即使嵌入的woff base64字体也不起作用。

谢谢

+0

我以前尝试这样做,没有办法与PhoneGap的CSS来做到这一点。我能想到的唯一方法是实际去修改用于iOS的Windows和XCode的Cordova s​​hell应用程序,并将字体包含在应用程序中。您需要查找将字体添加到Windows Phone应用程序或使用XCode将字体添加到iOS应用程序。 – 2013-03-19 17:41:25

+0

你可以发布有问题的CSS代码片段吗? – 2013-03-19 19:24:39

+0

@SujeshArukil有任何指示要给?你的意思是像安装字体到应用程序? – 2013-03-19 21:05:05

回答

1

使用TTFEdit设置上的字体为0。这应该修复它可嵌入标签,但要确保你有权利卖您的应用程序之前,嵌入字体尝试。我的full answer to a similar问题可能也有帮助。

+0

这是正确的答案。我使用基于@ thomasf2811解决方案的示例应用创建了一个回购:https://github.com/gabrielmaldi/windows-phone-8-local-font-face – gabrielmaldi 2014-03-03 23:35:32