如何在使用PhoneGap构建的iPhone应用程序中使用Google Web Font？

Question

我们希望在为iOS设备构建的PhoneGap应用中使用Google网络字体，但我们希望在应用程序包中托管字体文件，而不是使用代码通过网络动态获取字体。

如果设备处于离线状态，除非将字体文件捆绑到应用程序中，否则字体将无法使用。

Google提供下载网络字体的功能，但我们如何引用HTML应用内的本地字体文件？

Answer 1

我们将.ttf格式的字体文件放在assets / www文件夹中的某个位置。

声明：

@font-face {
  font-family: "Droid Serif";
  src: url('fonts/DroidSerif.ttf');/* relative path from the css file */
}

然后像这样使用它：

.someClass, #someId, someTag{
  font-family: Droid Serif;
}

Answer 2

昨天我花了很多时间搞清楚如何在iOS上的PhoneGap中使用字体，我犯了错误：

src: url('/fonts/DroidSerif.ttf');

更改为：

src: url('../fonts/DroidSerif.ttf');

也许这会帮助有同样脑力的人。