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

Question

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

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

谷歌提供了下载Web字体的功能，但我们该如何在HTML应用程序中引用本地字体文件？

- Crashalot

Answer 1

我们将字体文件以.ttf格式放置在资产/ 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;
}

- 最白目

---

是的，这就是我们最终做的。 - Crashalot

Answer 2

昨天我花费了很多时间研究如何在iOS的PhoneGap中让字体正常工作，结果发现我的错误是：

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

改为：

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

也许这能帮助那些有同样问题的人。

- Fid