WPFぼやけたフォントの問題-ソリューション

問題は次のリンクで説明され、示されています。

• Paul Stovell WPF：ぼやけたテキストレンダリング
• www.gamedev.netフォーラム
• Microsoft Connect：WPFテキストレンダラーが小さなフォントサイズでひどくぼやけたテキストを生成する

説明：WPFのテキストの明快さ。このリンクにはフォント比較があります。

この問題のすべての可能な解決策を収集したいと思います。Microsoft Expression BlendはWPFを使用していますが、フォントは読みやすく見えます。

• Microsoft Expression Blendのような暗い背景
• フォントサイズの拡大とフォントの変更（Calibri ...）[リンク]
• Windowsフォームを埋め込む[リンク]
• GDI +やWindowsフォームのTextRendererクラスを使用して、テキストをビットマップにレンダリングし、そのビットマップをWPFコントロールとしてレンダリングします。[リンク]

他に解決策はありますか？

これはVS2010（およびWPF4）ベータ2で修正される予定です。

ITが最終的に解決されたように見える！

Scott HanselmanのComputerZen.com：WPFとテキストのぼやけ、完全な明快さ

技術的背景

windowsclient.netのWPFのテキストプログラムマネージャのいずれかから、WPFのテキストレンダリングについての詳細な記事があります：WPFのテキストクラリティ。

問題は、滑らかなアニメーションのために線形スケーリングのフォントレンダラーを必要とするWPFに帰着します。一方、Pure ClearTypeは、フォントを使用して垂直ステムを次のピクセルにプッシュするためにかなりの自由度を必要とします。

古典的な「カスケード」パターンを比較すると、違いは明白です。左下にWinForms、右上にWPF：

WPFのフォントレンダリングの特異性も好きではありませんが、アニメーションがWinformsカスケードで行うようにジャンプする場合の騒ぎは想像できます。

レジストリで遊ぶ

特に興味深いのは、MSDNの記事「ClearTypeレジストリ設定」へのリンクでした。これは、レジストリでユーザー側で可能な調整について説明しています。

• ClearTypeレベル：サブピクセルヒントの量
• ガンマレベル
• ピクセル構造：ディスプレイピクセルのカラーストライプの配置方法
• テキストのコントラストレベル：グリフステムの幅を調整してフォントを太くします

これらの設定をいじってみても根本的な問題は改善されませんが、敏感なユーザーの色のにじみの影響を軽減するのに役立ちます。

別のアプローチ

Text Clarityの記事による最高のアドバイスは、フォントサイズを大きくし、フォントを変更することでした。Calibriは、標準のSegoe UIよりもうまく機能します。Webフォントとして人気があるため、私もVerdanaを試しましたが、フォントサイズをアニメーション化すると非常に見やすい14 ptから15 ptの間で厄介なジャンプがあります。

WPF 4.0

WPF 4では、フォントのレンダリングに影響を与えるサポートが改善されます。あるWPFテキストブログ上の記事の変更を説明するが。最も目立つのは、（少なくとも）3つの異なる種類のテキストレンダリングです。

_{<grumble>すべてのデザイナーにとって、これで十分です。</ grumble>}

.NET 4は最終的にWPFの貧弱なテキストレンダリング品質を解決しますが、十分に隠されています。すべてのウィンドウに次を設定します。

TextOptions.TextFormattingMode="Display"

デフォルト値は「理想的」であり、名前が意味するものとはまったく異なります。

TextOptionsには、TextHintingModeとTextRenderingModeの2つのオプションがありますが、どちらにも適切なデフォルトがあります。

先日、DropShadowEffectが適用された境界線を使用したときに問題が発生しました。その結果、その境界内のすべてのテキストが非常にぼやけていました。テキストが他のパネル内にあるか、境界線のすぐ下にあるかは関係ありません。エフェクトが適用されている親の子であるテキストブロックは影響を受けるようです。

この特定のケースの解決策は、効果のあるものを枠内に配置せず、代わりにグリッド（またはコンテンツを互いの上に配置することをサポートする他のもの）を使用して、長方形をテキストと同じセルに配置することです（つまりビジュアルツリーの兄弟として）、その上にエフェクトを配置します。

そのようです：

<!-- don't do this --->
<Border>
     <Border.Effect>
          <DropShadowEffect BlurRadius="25" ShadowDepth="0" Opacity="1"/>
     </Border.Effect>
     <TextBlock Text="This Text Will Be Blurry" />
</Border>

<!-- Do this instead -->
<Grid>
  <Rectangle>
     <Rectangle.Effect>
          <DropShadowEffect BlurRadius="25" ShadowDepth="0" Opacity="1"/>
     </Rectangle.Effect>
  </Rectangle>
  <TextBlock Text="This Text Will Be Crisp and Clear" />
</Grid>

これはVS2010（およびWPF4）ベータ2で修正される予定です。

SnapToDevicePixelsはWPFシェイプ（ラインなど）にのみ適用され、テキストレンダラーには適用されません。

この問題の既知の回避策はありません。Microsoftによれば、動作は「仕様」によるものです。

また、問題を議論しているMicrosoftフォーラムのこのスレッドを参照してください。この問題に対する彼らの立場を明確にするMSの担当者からの返信がいくつかあります。

開発者の観点から、これまでの唯一の「回避策」は、GDI +またはWindowsフォームのTextRendererクラスを使用してテキストをビットマップにレンダリングし、そのビットマップをWPFコントロールとしてレンダリングすることです。明らかなパフォーマンスへの影響は別として、これは既存のアプリケーションの問題を軽減しません。

私は今、この問題のMicrosoft Connectチケットを作成しました（驚いたことに、すべての否定にもかかわらず、指定されたトラッカーに実際のバグレポートはありませんでした）。

これはマイクロソフトに要求や質問を伝える公式チャネルの1つであるため、より迅速な回答を得るために、それについても検討することをお勧めします。少なくとも、何らかの方法で問題に対処したい場合は、そこでチケットに投票するか、問題を検証することで、Microsoft PMとエンジニアにこの問題への注意を喚起し、おそらくその優先順位を上げることができます。

私はそれをバグとは見ていませんが、デフォルトの設定は確かに非常に迷惑です。ここにすべての組み合わせの比較があります

TextOptions.TextRenderingMode
TextOptions.TextFormattingMode
RenderOptions.ClearTypeHint

SnapToDevicePixels テキストのレンダリングに違いはありません。

私は好む：

TextOptions.TextRenderingMode="Auto"
TextOptions.TextFormattingMode="Ideal"
RenderOptions.ClearTypeHint="Auto"

垂直線がぼやけないこと。

使用されているフォントはOpen Sans Lightです。最新のTeamViewerのように、それが上手く使用されていれば、本当に美しいものになります。

Mahapps.Metroを使用している場合、問題はTransitioningContentControl https://github.com/MahApps/MahApps.Metro/issues/889です。

VS2010ベータ版を試してみたところ、すべてWPFで行われており、ぼやけたフォントの問題がひどく苦しんでいます。特にツールチップについて。

これは、WPF4が実際には問題を解決しないことを示すいくつかの証拠を与えるようです（どちらかと言えば、それが悪化しているように見えます）。

うわー、ようやくWPFフォントが読めるようになりました。また、ディスプレイのデフォルト値がひどいのに、これらの変更を容易にするオプションダイアログがないことも信じられません。

これらのレジストリ設定（10進数）は私にとってはうまくいき、私の通常のcleartypeフォントに最も近くなります。

• ClearTypeLevel：10（ほとんどがグレースケールのエイリアシング）
• GammaLevel：1300（ガンマが高いとフォントが細くなりすぎ、エイリアスの色が表示されていました）

「SnapToDevicePixels = true」は機能すると言われていますが、良い結果は見たことがありません。

別のフォントに切り替えることで、ぼやけたテキストに対処します。

明らかにこれは問題の解決策ではありませんが、これは私がそれを回避した方法です。

C＃基本クラスを使用してアプリのウィンドウをカスタマイズすることを希望する場合（または理由がある場合）、魅力的な表示モードを使用するようにテキストの書式を設定する方法を次に示します。

public class SnappyWindow : Window
{
    public SnappyWindow()
    {
        SetValue(TextOptions.TextFormattingModeProperty, TextFormattingMode.Display);
    }
}