css - Mobile Safari 不接受 Century Gothic

Question

我创建了这个网站：

http://imageworkz.asia/sixsensestester

它具有“Century Gothic”字体系列，并且在除 MOBILE Safari 之外的所有浏览器中都能正常工作。请注意，它是 MOBILE Safari，因为在普通 Safari 中字体很好。有什么建议么？

Answer 1

您可以在堆栈中提供后备字体。如果不出意外，只需回退到默认的无衬线字体：

font-family: 'Century Gothic', sans-serif;

对于移动 Safari，它可能是 Helvetica Apple 许可的任何内容。如果这还不够好，请在网络上搜索“Century Gothic 替代 iOS”，或者只是查看适用于 iOS 的字体列表，以便在 Helvetica 不适合您时选择另一个备用字体。那么它将是：

font-family: 'Century Gothic', SomeFont, sans-serif;

Answer 2

该页面也不会在我的 Android 上显示 Century Gothic。不足为奇，因为移动设备通常具有相当有限的字体库。

即使在 Windows 系统上，Century Gothic 也不是通用的，但可能低于 90%，请参阅 http://www.codestyle.org/css/font-family/sampler-WindowsResults.shtml