css - 为什么@font-face 的字母间距不起作用？

Question

我在一个多语言网站上工作，并使用@font-face 来显示缅甸字体。除了字母间距外，一切看起来都不错。因此我试图在@font-face 中插入字母间距。但它没有效果。在 body 或 html 或容器内使用字母间距也会插入其他字体的字母间距，这不是我想要的。我只想增加 Zawgyi-One 字体的字母间距，如下所示。

@font-face {
    font-family: 'Zawgyi-One';
    src: url('/fonts/Zawgyi-One.eot');
    src: url('/fonts/Zawgyi-One.eot?iefixa') format('eot'),
         url('/fonts/Zawgyi-One.woff') format('woff'),
         url('/fonts/Zawgyi-One.ttf') format('truetype'),
         url('/fonts/Zawgyi-One.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+00-FF, U+980-9FF;
    letter-spacing: 0.30em!important;
}

Answer 1

看起来来自 Mozilla docs letter-spacing 不支持作为字体定义的一部分。

也就是说，我会定义字体，然后定义一个类以应用于具有该字体系列声明的对象。

例如，

.zawgi-one {
  font-family: 'Zawgi-One';
  letter-spacing: 0.30em !important;
}