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

时间:2014-07-29 09:45:15

标签: css css3 fonts font-face multilingual

我正在使用多语言网站,并使用@ 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;
}

1 个答案:

答案 0 :(得分:2)

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

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

例如,

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