ios - 如何在使用 PhoneGap 构建的 iPhone 应用程序中使用 Google Web 字体？

Question

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

如果设备处于离线状态，除非将字体文件捆绑到应用中，否则字体将不可用。

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;
}