非破坏空间（160）和正常空间（32）的宽度不同[关闭]答案

【问题标题】：The width of non breaking space ( 160 ) and normal space ( 32 ) are different [closed]非破坏空间（160）和正常空间（32）的宽度不同[关闭]
【发布时间】：2020-10-23 14:18:48
【问题描述】：

第一行的宽度不等于第二行，原因显然是 &nbsp 的宽度和正常的空间不同。字体是 Lato，这仅适用于某些字符。这是一个拉托错误吗？或者有什么办法可以解决这个问题？字母间距或字间距 CSS 不走运

  [codepen.io/mark-t-m/pen/eYJyEMm][2]

黑色文本中的间距是不间断空格（ 160 ）。黑色文本顶部的红色文本间距是正常间距 (32)。字体是 Lato，这只发生在某些字符上 (f, r, v, w, y)

【问题讨论】：

分享代码，方便我们帮助......
请在此处打开鹅毛笔编辑器quilljs.com/docs/formats 并为 Lato 字体输入 V V V V 和 V V V V
既然你已经输入了代码，为什么不在这里复制过去而不是提供屏幕截图呢？你必须这样做：stackoverflow.com/help/minimal-reproducible-example
letter-spacing: 0.5px
尝试使用不同的字体，看看效果。

标签： html css fonts word-spacing non-breaking-characters

【解决方案1】：

当我们谈论字体的间距或字母适合度时，我们指的是字符之间的空间量，这反过来又赋予了字体相对的开放性或紧密度。字体的间距最初由制造商或设计师确定，并且在某种程度上取决于大小。文本设计的间距往往比显示面更开放。原因？磅值越小，字母之间需要更多的空间来保持字符清晰。相反，当字体设置得更大时，字母之间的紧密配合会创建更易于阅读的字形。

请查看https://www.fonts.com/content/learning/fyti/using-type-tools/spacing-and-kerning-1

【讨论】：

嗨，安妮，非常感谢您提供的信息。我可以接受这个作为答案，这就是我想要的。 font-kerning CSS 解决了我的问题。 font-kerning: none;developer.mozilla.org/en-US/docs/Web/CSS/font-kerning