私のウェブサイトでは、Font-Awesomeライブラリを使用しています。text-rendering: optimizelegibility;ヘッダー タグにcss 属性を適用します。言語が日本語の場合、これにより私のウェブサイトが壊れます。
DEMOでわかるように、このプロパティを使用するとボックスが表示されます。このプロパティが何をするのかよくわからないので、auto にオーバーライドしても安全ですか?
注: このプロパティは、firefox では問題なく動作しますが、google chrome では問題が発生します。
手伝ってくれてありがとう ：）
編集: この問題は window-XP に固有のものです
また、Chrome サイトで問題を開きました: http://code.google.com/p/chromium/issues/detail?id=159391
Font Awesomeは、特別なフォントで、通常の文字の代わりに象徴的な画像を含むフォントを使用することに基づくフォントのトリックを使用します。特別なフォントは、文字のサポートに関する誤った情報を含むダウンロード可能なフォントとして提供されるため、このトリックはほとんど機能します。しかし、FontAwesomeが問題にどのように関係しているかはわかりません。FontAwesomeパッケージのCSSファイルの見出しに関連するCSSコードが表示されません。class見出し要素にFontAwesomeで使用されている属性と一致する属性がある場合、間接的に見出しに影響を与える可能性があります。その場合は、そこでクラス名を変更してください。
そして、そこにもtext-rendering設定はありません。設定は別のソースからのものだと思います。
いずれの場合も、text-renderingプロパティ設定は安全に削除できます（またはauto初期値に設定できます）。それは活版印刷の性質であり、既知の、そしていくらか文書化された効果は、カーニングと合字に関連しています。これは、おそらく日本語の書き方には当てはまりません。他の効果があるかもしれません、そしてその仕様は非常に曖昧です。状況によっては、ChromeがWindows XP（の一部のフレーバー）で失敗するレンダリングテクノロジを使用しようとしている可能性があります。
仮想WindowsXPでデモをテストします。これは、おそらく古い標準のXPに対応しているため、日本語の文字はまったく表示されません。それらを含むフォントはないようです。XPのインストールが異なれば、MSOfficeに同梱されているArialUnicode MSなどのフォントが追加されている可能性があり、問題が変化します。