在 Chrome 中打开 Sans 字母间距答案

【问题标题】：Open Sans letter spacing in Chrome在 Chrome 中打开 Sans 字母间距
【发布时间】：2016-03-13 21:24:15
【问题描述】：

在 Google Chrome (49.0.2623.87 m) 中，当我使用 letter-spacing 和 Open Sans 字体时，fi 之间没有字母间距。 (fiddle)

是否有 (JS/CSS/HTML) 解决方法？

（我需要 open sans 和 letter-spacing...还有fi letterpair。）

编辑：出现在 Windows 10、Chrome 上

【问题讨论】：

刚刚在 MacOsX Safari / Chrome / FF 上尝试过，字母间距工作没问题
这被称为Typographic Ligature。并非所有浏览器/字体渲染机制都支持它；但我认为有一些尚未标准化的 CSS 属性可以禁用此类 Open Type(?) 功能。如果没有或那些不起作用，您可能需要创建不包含这些的网络字体的变体（？）。
我使用的是 Chrome 48。所以您的问题似乎出在 Chrome + Windows 上。这很奇怪，因为 Open Sans 现在是一种非常常见的字体。
这可能被认为是 WebKit 错误？我在最新的 Safari 上也看到了这一点，在 MBP 视网膜 13 上（屏幕分辨率设置为看起来像 1440x900），即使字体不是 Open Sans dropbox.com/s/c1dixlhg88dld3t/…
正如@CBroe 所提到的，这不是错误 - 这些是连字（还有 ff、ffi、ffl、fl 等）。您可以使用惊人的 font-variant-ligatures: no-common-ligatures; 属性值对将其关闭（您可能需要 Safari 的 webkit 前缀）。

【解决方案1】：

在@CBroe 的帮助下，我找到了解决方案。

这不是一个错误，它更像是一个导致文本更有条理的功能 (Typographic ligature)。在某些情况下，这可能会非常烦人，因此有一种简单的方法可以使用 CSS 将其关闭：font-variant-ligatures: no-common-ligatures;。

它会停用这些连字。

编辑：这是一个工作小提琴：https://jsfiddle.net/aLctr9oa/3/

【讨论】：