谷歌字体无法在 Safari 上运行

Question

我正在努力让我的网站在 Safari 和 Chrome 下看起来一样。在 Chrome 中，它看起来正是我想要的样子。主要问题是 Google 字体似乎没有在 Safari 下加载。因为我使用的是 Google Font 网站上给出的确切代码，所以我不明白为什么 Safari 不能获取它。它只是与 Safari 不兼容，我必须依赖后备字体吗？

该网站可以在这里找到

原文由 Juicy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

出于某种奇怪的原因，我在谷歌的一些网络字体上遇到过这种情况……当这种情况发生时，我通常会将它们发送到我的服务器和/或 将它们转换 为 fontsquirrel ……无论如何，Safari 都应该能够获取 TTF 文件 版本：

努尼托TTF版

原文由 Riskbreaker 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

你的 CSS 不应该只包含

font-family: 'Source Sans Pro', sans-serif;

它还应该具有 FONT-STYLE 和 FONT-WEIGHT 的值：

 font-family: 'Source Sans Pro', sans-serif;
font-weight: 900;
font-style: italic;

如果您使用包含这些值的字体，例如： https ://fonts.googleapis.com/css?family=Source+Sans+Pro:900italic

原文由 Robert 发布，翻译遵循 CC BY-SA 4.0 许可协议