Chrome中设置font-kerning:none的后台行为及字体间距问题问询

一、font-kerning: none的实际作用 #

font-kerning控制的是**字体内置的 kern 表（字符对间距调整数据）**的启用状态：

• 设为none时，浏览器会忽略字体文件里预定义的字符对间距调整规则（比如"AV"、"Ty"这类组合的特殊间距），但这并不意味着字符间的间距会直接归零。
• 字符本身的宽度（由字体的字形宽度决定）、letter-spacing属性的默认值、甚至浏览器的字体渲染逻辑，都会影响最终的字符间距。

二、浏览器是否模拟Optical间距？ #

Chrome的处理逻辑 #

Chrome确实会对部分字体应用光学间距优化，这和Adobe Illustrator里的Optical选项逻辑类似：它会根据字符的形状、大小自动调整相邻字符的间距，让视觉上更均衡。这种优化是独立于font-kerning的——即使你设置了font-kerning: none，Chrome的光学间距调整依然可能生效，这就是字距没归零的核心原因之一。

其他主流浏览器的情况 #

• Firefox：仅在字体本身包含光学间距相关数据时才会启用，默认不会主动模拟；若字体无对应数据，设置font-kerning: none后，间距仅由字符本身宽度和默认letter-spacing决定。
• Safari：和Chrome类似，会对系统字体（如San Francisco）默认应用光学间距优化，且不受font-kerning设置的完全限制。

三、为什么font-kerning: none不一定缩小间距？ #

字体的kern表中不仅有缩小间距的规则，也存在扩大间距的情况（比如某些特殊字符组合，为了视觉平衡需要拉开距离）。当你设置font-kerning: none时，浏览器会取消这些扩大或缩小的调整，回到字符的原始宽度间距。如果原本kern表是在缩小某些字符对的间距，取消后反而会让间距变大，这就解释了为什么设置none后间距不一定缩小。

内容的提问来源于stack exchange，提问作者Octo Palm Tree