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

Question

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

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

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');

也许这会帮助有同样想法的人。