重複の可能性:
Windows の Chrome または Safari で表示すると、html テキストが文字化けして表示されることがあるのはなぜですか?
デザインをしている間、ブラウザで自分のページをテストしました。<h1>そして、ヘッダータグがSafariで正しくレンダリングされていないことに気付きました<h6>...フォントが欠落しているようです。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 フォントはすべて持っています。
アップデート
さて、フォントフレンジーを使用して、フォントをWindowsがインストールされた電話に戻しました。Helvetica NeueはHelvetica Neue LTしか持っていませんでした。
正常に表示されるようになりましたが、これは良い質問です。これらのフォントをインストールしている人は、私と同じ問題を抱えていますか?
これを修正するには fontface を使用する必要がありますか? 誰もが私と同じ問題を抱えないように、これをどのように正直に行うことができるでしょうか。