私は、多数のGoogle Webフォントを使用してサイトを設計しました。残念ながら、WinXP（IE6-8）では、一部のフォントが過度にアンチエイリアス処理されて見え、視覚的定義&の明瞭さが失われます。 IE8の他のブラウザ（Safari、Chrome、FF）やMacOSXのブラウザでは問題ありません。@ font-faceとGoogle Webフォントの比較

WinXPの上のIE8（オーバー熱心なアンチエイリアシング）

IE8 on WinXP (Over-zealous AntiAliasing)

クロームWinXPの（美貌）

Chrome WinXP (Looks Good)

だから私は同等のフォントを使用して検討していますfontsquirrel.comから。 Google Web Fontsではなく、@ font-faceを使用するメリットとデメリットは何ですか？これまでのところ、私の実験から、彼らはもっとよく見える...

PS。 @ font-faceフォントが読み込まれた後にdocument.ready（）が起動するのですか？

出典

2012-01-23 Prembo

もう少し調査してみると（私の答えにより）、私は問題を追跡することができました。私は同等のフォントフェイスフォントを使用していましたが、IE8ではわずかに改善されました（私が想像するフォントデザインの違いにより）。しかし、実際の問題は、グラデーションを生成するために使用されたMSフィルタです。私はコンパスコード（http://www.colorzilla.com/gradient-editor/で生成）を使ってグラデーションの背景を作成しています。 IE6-8勾配に使用されるMSフィルタは、フォントが不明瞭になる原因になります。私がイメージの背景（一口...）に頼ると、フォントはすてきで元気です。 – Prembo

違いはありません。

Google Webフォントのバックエンドを見てみると、FontSquirrelとその@font-faceジェネレータを含めて、他の人が使っているのと全く同じ方法で@font-faceが使用されます。何も魔法ではなく、特別なものはありません。それは重要なフォント自体とブラウザのレンダリングエンジンです。

異なるフォントを試すか、ブラウザ固有のスタイルシートを使用して特定の問題を解決できます。

P.S.いいえ、DOMContentLoaded（jQuery ready）というイベントは、DOMの読み込み後に名前が示すとおり起動します。その後、loadが発砲する可能性があります。それに頼らないことをお勧めします。

出典

2012-01-23 00:24:15 Ryan