問題タブ [font-smoothing]

編集：

現在 Chrome 19 を使用していますが、これはまだ修正されていません。明確化: これは Linux や Mac ではなく、Windows 上の Chrome で発生します。Cleartype と関係があると思います。Google、これを修正してください。

text-shadowCSS3を使用して、他のブラウザーで IE9 のフォント スムージングをエミュレートしてきました。基本的に、コンテナーのテキストの text-shadow をコンテナーの背景に設定しました。text-shadowChrome 14.0.833 より前のバージョンでは、大きなフォント要素を設定することで動作を確認できます。テキストは滑らかに見えます。text-shadow を削除すると、フォントがギザギザに見えます。ただし、Chrome 14.0.833 (更新: 14.0.834 でも「壊れている」ようです) では、これは機能しなくなりました。text-shadow プロパティは引き続き機能しますが、以前のようには機能しません。ここで動作を確認できます（diff.Chromeバージョンでロードするだけです）古いChromeでは、テキストの影がテキストの内側で少し始まり、その後広がったように見えます-これがおそらくテキストシャドウハックが機能した理由です. 新しい Chrome では、テキストの影がテキストのすぐ外側から始まるように見えるため、機能しません。私がここで何を意味するか見てください。

私の質問は基本的に:これはバグですか? どちらかである場合、どちらが予想される動作ですか? 他に使用できるフォント スムージングの回避策はありますか?

W3C の仕様は、意図した動作が何であるかを述べていないようでしたが、おそらくテキストアウトラインを使用する必要があることがわかりました (これはサポートされていないため、目的に反します)。

Photoshopの画像をHTMLに変換していますが、フォントサイズを11pxに設定するとぼやけてしまいますが、Photoshopでは問題なく表示されます。

遊んだ後、フォントタイプオプションをsmoothではなくに設定するとnone、Photoshopでもフォントがぼやけることに気づきました。

では、CSSを使用してフォントをシャープにして、Photoshopのフォントレンダリングを反映させるにはどうすればよいでしょうか。フォントとしてArialを使用しています。これが今の私のCSSです：

素晴らしい答えをありがとうございました、それは私を大いに助けました、私は正しいものとして1つ以上の答えを選ぶことができたらいいのにと思います...

小さなフォントをスムージングなしで表示したい。HTML/CSS を使用してフォント スムージングを無効にすることはできますか?

Chrome、Opera、および IE7-8 での cleartype の問題を解決するためのインターウェブに関する理論を見てきました。IE9 と Firefox は、cleartype に対するユーザーの設定を無視します。そのため、Web サイトのフォントを、アクセスするユーザーごとに強制的にアンチエイリアスとして表示する方法があるかどうか疑問に思っていました。hidden text-shadow、-webkit-font-smoothing、少し余分なテキストストロークなどを試しましたが、すべて役に立ちませんでした。ヘルプ？

これと格闘し続けるのはかなりイライラしている。Xcode4.4なのかMountainLion（両方を同時にインストールしたのか）はわかりませんが、Xcodeでコードがアンチエイリアス（フォントスムージング）されています。

以前は、この質問から抜粋した次の手順でこの問題を修正できましたが、どちらも現在は機能していないようです。

XCode 3.xの場合、次のようにしますdefaults write com.apple.xcode AppleAntiAliasingThreshold 24。

XCode 4の場合、ユーザーのデフォルトのドメインはcom.apple.dt.Xcodeに変更されます。XCode 4のdefaults write com.apple.dt.Xcode AppleAntiAliasingThreshold 24場合、必要なものが得られるはずです。

Xcodeを使用可能な状態に戻すにはどうすればよいですか？

MacのChromeとSafariで厄介なバグに遭遇しました。フォントのスムージングと、ページ内にFlashが含まれるiframeがあるかどうかに関連しているようです。

font-smoothing: subpixel-antialiasediframeを削除すると、テキストは（ブラウザのデフォルト）に設定されているように見えます。ただし、iframeがページ上にある場合（Flashが内部で実行されている場合）、テキストはに設定されているように見えますfont-smoothing: antialiased。

これに対する回避策はありますか？以下のスクリーンショットをご覧ください。

KDE を使用して Arch Linux で IntelliJ IDEA を使用しています。OpenJDK のバージョンは 1.7.0_40 です。

IDE フォント全体 (コード エディターを含む) は、アンチエイリアスやフォント スムージングなしでレンダリングされます。idea.propertiesファイルidea.use.default.antialiasing.in.editorにを設定し、変数にtrue追加しましたが、効果はありませんでした。_JAVA_OPTIONS-Dawt.useSystemAAFontSettings=on -Dswing.aatext=true

フォント スムージングを有効にするには、他に何ができますか?

ビットマップフォントを適切にレンダリングするためにFirefoxとChromeを取得しようとしていますが、私が何をしているように見えても、常にテキストをある程度アンチエイリアスします。TTF から WOFF に変換され、CSS の @font-face に含まれる終端を使用しています。これが私が望むものです：

（リンク）

しかし、最終的には次のようになります (Chrome では、Firefox はほとんど同じです)。

（リンク）

よく見ると、わずかにアンチエイリアスがかかっていることがわかります。関連する CSS を次に示します。

および @font-face:

ありがとう！

私の最後のウェブサイトでは、フォントスムージングなどに触れなくても、テキストはクロムとファイアフォックスで自然に完璧です.
しかし、Mac / Safari 7 では、テキストはきれいに表示されますが、すぐに細くなります (細すぎる / 読みにくくなります)。

いくつかの調査 [ http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/ を参照]
といくつかのテストを行った後、

Safari が最初にテキストを表示するように見えます:

次に、ちらつき効果が得られた直後に、フォントを次のように変更します。

だから強引にやるしかなかったらしい

私のウェブサイトをすべてのブラウザで一貫させるため。
font-face Avenir Std Roman を使用しています。

そのSafariの問題に対するいくつかの説明は？より良い解決策はありますか？私のフォントが問題の一部でしょうか?

ありがとう。

キャンバスにテキストを描画しようとしていますが、特にクロム 31.0.1650 で描画されたテキストにジャギーがあります。私は試し-webkit-font-smoothing:antialiased,text-shadowましたが、すべて無駄になります。

この問題にどう取り組むか？前もって感謝します。

スタイルコードは次のとおりです。

本文のコード: