在 Mac 电脑上使用谷歌网页字体答案

【问题标题】：using google web fonts on mac computer在 Mac 电脑上使用谷歌网页字体
【发布时间】：2015-09-04 20:06:17
【问题描述】：

我正在构建一个在 PC 上使用 Google WebFonts（open sans）的网页，它运行良好，但是当我在 Mac 计算机上尝试它时，它会在文本中显示一个问号。这是为什么呢？

【问题讨论】：

您能否展示您如何准确地实现对 Google 字体的请求？我想这可能与 script 选择有关。
谢谢@udondan...我的网络应用程序是基于 JAVA 框架构建的，所以我使用了这个 java 注释 @StyleSheet({"fonts.googleapis.com/css?family=Open+Sans:300,400,500,700"})

【解决方案1】：

您看到的字符是 replacement character，当字体不包含特定的 Unicode 字符时使用，在这种情况下，“ñ”又名 U+00F1 又名“带波浪号的拉丁小写字母 n”。

Google Open Sans 确实包含此字符，因此 Safari 似乎没有正确地从网络获取字体。然后渲染引擎将恢复为另一种字体，并且该字体缺少有问题的字符。您将能够在 Mac 上的开发工具中检查脚本正在抓取哪种字体。

我检查了您在问题评论中发布的脚本注释。您正在返回 woff2 格式的字体。事实证明，woff2 is not supported in Safari 从版本 9 开始，但 woff is。因此，我建议将格式更改为 woff 并在本地将其提供给您的页面：

下载您发布的脚本 (http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700)
将其保存为 css 文件（例如 fonts.css）
查找并替换 woff2 为 woff
保存文件
将其添加到您的 Web 项目中（但是您可以添加其他文件）
将@StyleSheet({"fonts.googleapis.com/css?family=Open+Sans:300,400,500,700";}‌) 替换为对这个新上传文件的引用。

【讨论】：

谢谢@Ivan...如何从 woff2 更改为 woff？我有点迷路了...我检查了您的链接，并且 woff2 受 chrome 支持，但我得到了相同的替换字符。 .
我看到它在 Chrome 36 之前不受支持 - 也许您有旧版本，或者 caniuse 专门指的是 Windows 版 Chrome 而不是 iOS 版 Chrome。我已经更新了答案，提供了有关如何更改字体格式的更多详细信息。
通常，Font API 会通过查看用户代理来提供与浏览器一起使用的格式的版本。您是否有可能将 Mac 上的 UserAgent 欺骗到 Chrome for iOS 以外的其他东西？您是否在其他浏览器中尝试过？（Safari、Firefox、IE、Opera？）
你找到解决这个问题的方法了吗？
非常感谢@Ivan ...我没有，实际上，当我在 Eclipse 的 mac 中检查在 PC 上创建的代码时，我遇到了与西班牙字符串相同的问题，所以我真的很困惑如何解决这个问题

【解决方案2】：

解决了！其中一位开发人员的 Eclipse 未设置为 UTF-8，因此使用 Git 的文件传输无法正常工作...要检查，请转到 Preferences>General>Workspace>Text file encoding 并设置为 UTF-8

【讨论】：