phonegap 自定义字体在标题中不起作用答案

【问题标题】：phonegap custom fonts not working in headersphonegap 自定义字体在标题中不起作用
【发布时间】：2013-07-13 13:16:54
【问题描述】：

我有一个 phonegap 应用程序，它使用在 css 中声明的自定义字体：

@font-face {
font-family: 'NewRockerRegular';
src: url('font/newrocker/NewRocker-Regular-webfont.eot');
src: url('font/newrocker/NewRocker-Regular-webfont.eot?#iefix') format('embedded-    opentype'), url('font/newrocker/NewRocker-Regular-webfont.ttf') format('truetype'), url('font/newrocker/NewRocker-Regular-webfont.svg#NewRockerRegular') format('svg');
font-weight: normal;
font-style: normal;
}

body {
font-family: "NewRockerRegular";
}

在 Firefox 和 Chrome 中测试时，该应用可以正常运行。

但是，当它被编译到一个安卓应用程序中时，自定义不会出现在任何带有标题标签（等）的样式中

字体在所有正文上都正确显示。

【问题讨论】：

代码必须在调用位置更改。错误可能在这里 ->body{ font-family}。因此，指定任何特定标签，详细链接 div#content,h1,.. ...

标签： android cordova webfonts

【解决方案1】：

如果您的目标是 Android 2.0 或 2.1，则为 known bug in WebView。

您不能在这些平台上使用外部 WebFonts。

【讨论】：

我的目标是 4 系列。奇怪的是，webfonts 正在处理正文。只是不在标题文本中。