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

Question

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

如果设备处于脱机状态,除非将字体文件捆绑到应用程序中,否则字体将不可用.

谷歌提供下载网络字体的能力,但我们如何引用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;
}