2016-09-06 6 views
0

これは、フォントはクロームでどのように見えるかですffFirefoxはオープンなき、サンセリフ、フォントサイズをレンダリングしない:<a href="https://i.stack.imgur.com/ULsWd.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ULsWd.jpg" alt="chrome"></a></p> <p>そして、これは、Firefoxです::11適切

お知らせFirefoxで文字間奇妙な間隔?しかし、クロムで大丈夫です。

  • をフォントサイズを変更すると、フォントの太さを変更する問題
  • 私はFirefoxのソースコードを変更することで、正しくフォントをレンダリングすることができますどのような問題

を修正する修正されています。私は観察

代(OSの設定やFirefoxのブラウザ設定を変更しないで)?

+0

ダーティなアプローチ:フォントサイズやフォントの太さのビットを追加したクラスを追加し、FFのユーザーエージェントを検出し、JavaScriptを使用して準備ができて、文書にこのクラスを削除します。これにより、FFはフォントを再描画します。 – Demnogonis

+0

Mozilla自体でさえ、ユーザエージェントのために盗聴を開始するのは悪い考えです。 https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent – Roberrrt

+0

テキストは「正当」ですか?もしそうなら、私たちはChromeとFFがその文字間隔をどのように扱うかの違いを見ることができます。いずれにしても、 'letter-spacing:normal'を追加するとどうなりますか? 'letter-spacing:0'はどうですか? – henry

答えて

0

あなたはこの問題が発生して一つだけなら:

これは実際にブラウザ関連のある場合は、スムージングフォントの魔法の世界にチェックインすることがあります。 (これは魔法ではありませんが、悪夢ですが、私たちはそれに着きます)。

だから私は、このトピックのすべてのオプションを読んで、あなたのCSSには、次のルールが含まれている必要がありそうです:これが動作するかどうか Webfont Smoothing and Antialiasing in Firefox and Opera

.font-smoothing { 
    font-smoothing: antialiased; 
    text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

あなたは教えていただけますか?私は今もかなり興味を持っています。

+1

できるだけ速やかに。 – pkyo

+0

いいえ、動作しませんでした。 : – pkyo

+0

解決策はありませんか?この問題を解決するためにjsfiddleを作成できますか? – Roberrrt

関連する問題

 関連する問題