Question

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中加载我的页面时，它确实有效，所以我不确定我做错了什么。

可能有助于说字体CSS是由fontsquirrel生成的

谢谢:)乔尔

Answer 1

我在使用Woff格式的自定义字体时遇到了问题。然后我将它从Woff转换为Ttf，它在我的Android设备上运行。因此使用Woff格式可能存在问题。

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

Answer 2

我已经没有问题让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;

Answer 3

Webfonts在Android 2.1中被破坏，不幸的是，这是一个已知的错误。

让web字体与phonegap和android一起使用 - 怎么样？

3 个答案: