TwitterのブートストラップヘッダータグSafariで可能な重複

Question

文字化けします：
Why would html text sometimes appear garbled when viewing on Chrome or Safari on Windows?

私が設計してきたように私はしばらくの間、ブラウザでの私のページをテストしました。私はヘッダタグ<h1>〜<h6>がSafariで正しくレンダリングされていないことに気付きました。欠けているフォントがあります。私はtwitter-bootstrapを実行しています。何らかの理由でこの問題を解決できません。

私は正直にその私のコンピュータのフォントではなく、ブラウザと思います。

CSSでoptimizelegibilityを無効にするとSafariで問題なく動作しますが、他のすべてのコンピュータでうまく動作します。

body { 
    margin: 0; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 13px; 
    line-height: 18px; 
    color: #333333; 
    background-color: #222222; 
} 


h1, h2, h3, h4, h5, h6 { 
    margin: 0; 
    font-family: inherit; 
    font-weight: bold; 
    color: inherit; 
    text-rendering: optimizelegibility; /*Causing problems */ 
} 

私のWindowsコンピュータにはhelvetica Neueもありませんが、私はすべてのNeue LTフォントを持っています。

UPDATE

私は、フォントの熱狂を使用して携帯電話にインストールされたWindowsに戻って私のフォントを元に戻すわかりました。私はHelvetica NeueのみHelvetica Neue LTしか持っていなかった。

正常に表示するようにしましたが、これは良い質問をします。これらのフォントを持つ人は私と同じ問題を起こすでしょうか？

これを修正するためにフォントフェイスを使用する必要がありますか？どのように正直に私はこれを行うことができなかったので、誰も私と同じ問題を抱くことはありませんでした。

Answer 1

これは基本的に同じ質問ですか？ Why would html text sometimes appear garbled when viewing on Chrome or Safari on Windows?

と（リンク）からの回答：簡単にWindowsの古いバージョンと同様にクロームの古い枝を使って再作成

。 Chromeのように見える4-8この問題があります。テスト目的のために、クロム4でXPにブートしてください。問題はtext-rendering: optimizelegibilityにあります。これは、古いバージョンのChromeで、woffフォントを使用するときに@font-faceでoptimizelegibilityを使用すると報告されているバグです。問題を再現できる場合は、vertical-align: baselineを取り出し、レンダリングがまだ文字化けしていないかどうかを確認してください。

---

ここにこのリンクはまた、この問題に関する興味深いコメントのスレッドを持っていますhttp://code.google.com/p/chromium/issues/detail?id=39017