文本字符的间距 letter-spacing

Docs

letter-spacing - CSS | MDN (mozilla.org)

CSS 的 letter-spacing 属性用于设置文本字符的间距表现。在渲染文本时添加到字符之间的自然间距中。letter-spacing 的正值会导致字符分布得更远，而 letter-spacing 的负值会使字符更接近。

normal：此间距是按照当前字体的正常间距确定的。和 0 不同的是，normal 会让用户代理调整文字之间空间来对齐文字。
<length>：指定文字间的间距以替代默认间距。可以是负值，但有可能会出现 implementation 限制。用户代理不会在此基础上进一步增加或缩减间距来对齐文字。。查看 length 了解可用单位。

HTML
CSS

<p class="letterspacing"><span class="keyword">letter-spacing: normal; </span> letter spacing</p>
<p class="letterspacing1"><span class="keyword">letter-spacing: 0.1em; </span> letter spacing</p>
<p class="letterspacing2"><span class="keyword">letter-spacing: 5px; </span> letter spacing</p>
<p class="letterspacing3"><span class="keyword">letter-spacing: -0.1em; </span> letter spacing</p>

.keyword {
  font-weight: bold;
  background-color: silver;
  color: darkgreen;
  letter-spacing: normal;
}

.letterspacing {
  letter-spacing: normal;
}

.letterspacing1 {
  letter-spacing: 1em;
}

.letterspacing2 {
  letter-spacing: 5px;
}

.letterspacing3 {
  letter-spacing: -0.1em;
}

http://localhost:3000/letter-spacing.html

letter-spacing: normal; letter spacing

letter-spacing: 0.1em; letter spacing

letter-spacing: 5px; letter spacing

letter-spacing: -0.1em; letter spacing