如何在数字中添加字母间距？

Question

我在我的网站上通过OpenType字体功能设置使用旧式数字。有没有办法在数字中添加字母间距而不在span类中包装它们？

Answer 1

.yourNumbers {letter-spacing: [value]}

https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing

Answer 2

letter-spacing property已被定义为指定字符之间的间距。然而，在实践中，这已经实现，以便在元素的每个字符之后添加间距。这意味着如果您有例如<abbr>abc</abc>并设置abbr { letter-spacing: 1em }（一个很大的值只是为了清楚地看到效果），然后在a，b和d之后会添加1em。这可能是不好的，例如如果元素后面紧跟一个标点符号。

如果你希望能够使用不会遗漏最后一个字符的自然标记，似乎可以使用以下技巧：在元素上设置负右边距，绝对值与字母相同间距，在最后一个字符后使其效果无效：

abbr { 
  letter-spacing: 0.05em;
  margin-right: -0.05em;
}

这与元素的其他设置无关，例如小型大写设置。但是，如果您对该元素有其他设置，则省略最后一个字符会更加尴尬，因为您需要<abbr><span>ab</span>c</abbr>之类的内容，以及abbr元素上的一些其他设置以及内部letter-spacing元素上的span属性 - 除非您使用上述技巧。