2011-04-17 28 views
14

PhoneGap是否支持网页字体,如果有的话,你如何使用它们。我目前得到了在我的网页的代码,但是当加载到仿真器(Android应用程序里面,我还没有尝试通过浏览器加载页面),这是行不通的......让网络字体与phonegap和android一起工作 - 如何?

@font-face { 
    font-family: 'HelveticrapRegular'; 
    src: url('fonts/helveticrap-webfont.eot'); 
    src: url('fonts/helveticrap-webfont.woff') format('woff'), url('fonts/helveticrap-webfont.ttf') format('truetype'), url('fonts/helveticrap-webfont.svg#webfontHlJ0Jib3') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
body { 
    font-family: "HelveticrapRegular", "Helvetica", "Arial", "sans serif"; 
} 

当我用firefox加载我的页面时,它确实有效,所以我不确定我在做什么错误。

它可以帮助说,被fontsquirrel生成的字体CSS

谢谢:)乔尔

回答

5

我已经没有问题越来越PhoneGap的识别网页字体。如果WebKit会这样做,那么Android和iOS会做到这一点。 在一个项目中我的工作,现在,目前只能在Android测试:然后

@font-face{ 
font-family: MyFont; 
src: url('../fonts/my_font.ttf') format('truetype'); 
src: url('../fonts/my_font.otf') format('opentype'); 

在风格

font-family:MyFont, arial, sans-serif; 
1

网络字体在Android 2.1系统被破坏,这是一个已知的bug,很遗憾。

+0

@AdonisK。 Web字体在Android 4.1上运行良好。我拥有一个4.1设备(Galaxy Note 2)并定期用于开发,其中我定期使用webfonts。 – 2013-10-04 23:43:45

+0

这是一个远程网址问题 – 2013-10-05 09:27:31

8

我在使用Woff格式的自定义字体时遇到了问题。然后我将它从Woff转换为Ttf,并在我的Android设备上运行。所以使用Woff格式可能会有问题。

因此,从.woff转换为.ttf可能会解决问题。

+1

这种方法适用于我。我用这个工具来转换:http://orionevent.comxa.com/ – 2013-01-14 21:37:07

+1

这也适用于我 – Lucas 2013-12-11 21:49:08

+0

繁荣!为我工作,所有其他的事情都没有改变! – 2014-03-22 12:37:38

相关问题