WPF模糊字体问题-解决方案

在以下链接上描述和演示了问题：

• Paul Stovell WPF：模糊文本渲染
• www.gamedev.net论坛
• Microsoft Connect：WPF文本渲染器以小字体产生严重模糊的文本

说明：WPF中的文本清晰度。此链接具有字体比较。

我想收集所有可能的解决方案。Microsoft Expression Blend使用WPF，但是字体看起来可读。

• 如Microsoft Expression Blend中的深色背景
• 增加字体大小并更改字体（Calibri ...）[链接]
• 嵌入Windows表单[链接]
• 使用GDI +和/或Windows Forms TextRenderer类将文本呈现为位图，然后将该位图呈现为WPF控件。[链接]

还有其他解决方案吗？

这将在VS2010（和WPF4）测试版2中修复

它看起来像已经解决了！

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，但是它在14pt和15pt之间的重量变化很大，在设置字体大小的动画时非常明显。

WPF 4.0

WPF 4将改进对影响字体渲染的支持。WPF文本博客上有一篇文章介绍了所做的更改。最突出的是，现在（至少）存在三种不同类型的文本呈现：

_{<grumble>对于每个设计师来说，这应该足够了。</ grumble>}

.NET 4终于可以解决WPF较差的文本呈现质量，但是它是隐藏的。为每个窗口设置以下内容：

TextOptions.TextFormattingMode="Display"

默认值为“理想”，这与名称所暗示的完全不同。

TextOptions中还有两个其他选项，分别为TextHintingMode和TextRenderingMode，但是它们都有合理的默认值。

前几天，当我使用应用了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的说法，此行为是“设计使然”。

另请参阅此微软论坛中讨论的问题线程-它从MS球员这阐明他们对这一问题的立场得到一些回复。

从开发人员的角度来看，迄今为止唯一已知的“解决方法”是使用GDI +和/或Windows Forms TextRenderer类将文本呈现为位图，然后将该位图呈现为WPF控件。除了明显的性能影响外，这不能缓解现有应用程序的问题。

我现在已针对此问题创建了一个Microsoft Connect票证（令我惊讶的是，尽管存在很多负面影响，但指定的跟踪器中没有实际的错误报告）。

由于这是向Microsoft传达请求和问题的官方渠道之一，因此我建议您也仔细阅读一下，以获取更快的答案。至少，如果您希望以一种或另一种方式解决问题，则在那里投票表决和/或验证问题将有助于引起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 beta，这些都是在WPF中完成的，而且字体模糊问题使BADLY深受其害。特别是在工具提示上。

这似乎提供了一些证据，证明WPF4实际上无法解决问题（如果看起来更糟）

哇，我简直不敢相信我的WPF字体终于可读了。而且我也无法相信没有选项对话框可以使这些更改变得容易，而默认值在我的显示器上却很可怕。

这些注册表设置（十进制）对我有用，并且最接近我的常规cleartype字体：

• ClearTypeLevel：10（主要是灰度别名）
• GammaLevel：1300（较高的Gamma会使字体太细，并且我看到混叠中的颜色）

他们说“ SnapToDevicePixels = true”有效，但我从未见过任何好的结果。

我通过切换到其他字体来处理模糊文本。

显然，这不是解决问题的方法，但是这就是我的解决方法。

如果您更喜欢使用C＃基类为应用程序自定义窗口（或现在有理由这样做），则可以通过以下方法设置文本格式以使用吸引人的显示模式：

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