SafariがTypekitを使用するH1タグの単語間隔を削除する

Question

Typekitを使用してリーグゴシックフォントをロードしています。何らかの理由でSafariがワードスペースを完全に排除しているため、単語間に隙間がありません。私がCSSのハックをする前に、誰かを助けることができるかどうか疑問に思っていました。ここでは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; 
}