如何让 Google Font API 中的连字显示在 Google Chrome 中？答案

【问题标题】：How do I get ligatures in Google Font API to display in Google Chrome?如何让 Google Font API 中的连字显示在 Google Chrome 中？
【发布时间】：2011-12-14 17:20:52
【问题描述】：

我正在使用Google Font API 来显示我的网站徽标。（见stolencamerafinder.com顶部）

在 Chrome 中，字母 'f' 和 'i' 分别出现，但在 FireFox 中，它们是一个很好的连接 ligature

如何强制 Chrome 使用连字？

如果我在 html 中使用连字 ascii 字符 (fi)，那么它不会使用字体，而是使用 arial，但字体 (OFL Sorts Mill Goudy TT) 必须支持该连字，因为 firefox 会显示它。

更新：我最终放弃了 Google 字体 API，转而使用普通的 @font-face。无论如何，在 fontsquirrel.com 上有更多选择。

【问题讨论】：

标签： html firefox google-chrome fonts ligature

【解决方案1】：

简短回答：此功能尚未实现。

长答案：看看http://crbug.com/22240（http://crbug.com/64479 可能也很有趣）。

【讨论】：

我知道 chrome 不会像 firefox 那样替换 unicode 连字字符的“fi”。我不明白为什么当我在源代码中手动替换它时，对于 html 实体“ﬁ”或者只是字符“fi”它不起作用（在任一浏览器中）。 firefox如何找到要显示的连字？如果我了解 Firefox 是如何做到的，也许我可以强制 chrome 做同样的事情......
我什至在 fontsquirrel.com 上的字体中都找不到连字字符，但我想该字体可能与谷歌字体 api 使用的字体略有不同。 fontsquirrel.com/fonts/Sorts-Mill-Goudy

【解决方案2】：

是否有可能在 webkit 浏览器中 this 属性尚未开发？还是 webkit 浏览器使用的字体类型的问题？（TrueType，Woff 而不是Opentype）？

编辑：在 Safari this works 中使用一些支持连字的字体。例如，它适用于默认浏览器字体（Mac Os X 上的 Times），而它不适用于我尝试使用 @font-face CSS 功能的几种 Google 字体。

【讨论】：