Safari消除了使用Typekit的H1标签的字间距

Question

我使用Typekit加载联盟 - 哥特式字体，出于某种原因，Safari完全消除了字间距，因此字之间没有间隙。在我使用css hack之前，我想知道是否有人可以提供帮助。这是html：

<div class="page-header">
  <h1 data-name="about">About Campaign Title</h1>
</div>

这是CSS：

h1 {
    font: 70px/normal "league-gothic", sans-serif;
    text-transform: uppercase;
    color: #4e4e4e;
}

我尝试在整个页面上放置一个h1标签，但仍然看到了问题。我还将字间距设置为继承和正常，看到相同的结果。

感谢。

Answer 1

这对新的文本呈现属性来说是一个问题。我们正在使用来自Twitter的bootstrap.css，并且Bootstrap将文本呈现属性设置为optimizeLegibility。我们将其设置为auto，如下所示：

h1 {
    font: 70px/normal "league-gothic", sans-serif;
    text-transform: uppercase;
    color: #4e4e4e;
    text-rendering: auto;
}