问题标签 [text-rendering]

例如，我注意到这个woo 主题设置在 HTML 标记上，因此整个网站的文本都设置了它。我读到它可能会导致性能问题，但那是不久前的事了。有些人建议只将其添加到标题和大文本中。

现在规则变了吗？浏览器是否可以很好地使用它？

我试图弄清楚给定一些 html（仅包含 span、break 和 paragragh 标签和文本，没有图像、表格等）和客户端宽度会出现多少行。我还需要知道每行包含的文本。这可能吗？

我的背景有一个非常奇怪的问题。当我在 css 中将背景附件更改为固定时，我的菜单中的字体会由于某种我无法弄清楚的原因而变小。当我将其更改为滚动或本地时，它会恢复到假定的大小。为什么会这样？

编辑

为 OP 提供一个示例：

我的问题仅在 Safari 中出现（Chrome 没问题）并且仅在某些机器上出现（可在 MacBook Pros 15" 上使用非视网膜显示器但不能在 iMac 和视网膜显示器机器上重现）。OSX：10.8.5、10.9.1 Safari版本：6.1.1、7.0.1。

不幸的是，我无法用 jsfiddle 重现这个问题，因为它不会出现在 iframe 中（但是 iframe 的内容会对它做出反应，这强烈暗示了浏览器错误恕我直言）。

这是示例 HTML，您可以在本地查看：

在检查器中选择 body 标记并切换background-attachment规则。您会看到字体略有变化（更细/更粗）。

我想知道这是一个多大的问题以及哪些机器受到了影响，以便问题最终可能会影响到一些可怜的 Apple 开发人员...... :)

更新

有趣的事实：-webkit-transform: translateZ(0);可以用作解决方法。为什么它起作用我不知道...

编辑：更改标题以更好地反映当前问题。

我现在知道问题的根源在于功能的文本拆分部分。我现在记得我做了什么，我更改了拆分文本，因为我的教程返回了一个错误。

'c' 未声明返回，并且没有提及任何其他 c，所以我猜它指的是上面 for 循环中的指针。虽然将“if (start_line)”带入第一个代码块，但一直返回文本中的每个字符，而不仅仅是整个内容。
所以我将代码更改为以下内容：

我很确定“else if (*c == *start_line)”比较是导致我这个问题的原因。不确定用什么替换它。不过我想是因为我没有使用任何换行符或不打算这样做，所以我可以使用：

但如果我错了，我还是很高兴知道。*注意：上面的代码现在可以正常工作了，没有问题，而且效果加倍。所以我确定这是我的文本拆分代码。

是否也可以从图像中“打孔”文本，以便我从我“打孔”的偏移处获得具有图像的一部分作为纹理的文本图像？

我知道我可以用 GD 在图像上写文字。我已经阅读了有关能够使用较小的图像对文本进行纹理化以填充文本的信息，但这不是我想要的。如果我的问题仍然没有意义，请比较下面的示例。

示例（通过http://www.photoshopessentials.com/images/type/effects/texture-text/photoshop-textured-text.gif）：

使用选项 TextRenderingHint.ClearTypeGridFit 的 Tahoma 字体绘制的标签是使用 AutoSize 的问题。没有 ClearTypeGridFit 它看起来不错，但是 - 它被父容器裁剪（见附图：在第一个标签上，'，'被裁剪）

我发现它只有 Tahoma 字体。

自定义标签代码：

设计器文件中的代码和平：

我发现只是一个被覆盖的 GetPreferedSize 函数：

但我不能对结果应用最大尺寸。为什么我需要最大尺寸？例如，我希望有可能按宽度限制标签。

有任何想法吗？

我有一个在 Firefox 上看起来很棒的网络字体，而不是在 Chrome 上。我尝试过使用该text-rendering物业，但效果并不理想。我的 CSS 是这样的：

更改text-rendering在 Firefox 中似乎没有任何作用，所以我发布了一个屏幕截图。

结果：

• Firefox（又名“它应该是什么样子”）

  

• 铬合金 -text-rendering: auto

  

• 铬合金 -text-rendering: optimizeLegibility

  

• 铬合金 -text-rendering: optimizeSpeed

  

• 铬合金 -text-rendering: geometricPrecision

  

与 Firefox 相比，所有 Chrome 屏幕截图看起来都非常糟糕。CSS中是否缺少我的东西？

我使用的是 Windows 7、Firefox 8.0 和 Chrome 15.0。

我已经知道与 GDI 相比，亚像素定位会导致DirectWrite 文本呈现模糊。

然而，我的问题更基本一点：为什么DirectWrite（和相关方法）不能像 GDI 一样清晰地呈现文本？

换句话说：
是什么阻止了 DirectWrite 能够像 GDI 那样将文本捕捉到最近的像素？

例如，是硬件问题吗？驱动架构问题？它根本没有实施吗？或者是其他东西？

较小的样本：

更大的样本：

Direct2D，别名：

Direct2D，默认：

Direct2D（“经典 GDI”）：

Direct2D（“自然 GDI”）：

实际经典 GDI：

实际的 ClearType GDI：

注意：如果所有这些在您看来都模糊不清，请运行

在 Chrome 的控制台中，然后查看它。

我正在 WPF 中绘制某些图像，这些图像将由游戏（由第三方开发）显示。我目前使用RenderTargetBitmap. 不幸的是，这似乎只支持Ideal文本格式模式，导致小字体模糊。该应用程序是第三方游戏，因此无法使用图像。

我可以告诉RenderTargetBitmap它假设它正在绘制一个用于当前监视器之一的图像吗？是否有另一种方法可以让 WPF 使用Display渲染模式进行离屏绘图？

我理解为什么这在理论上看起来是错误的，但在实践中我认为这不是一件不合理的事情是有原因的：

• 该模式允许的一件事Display是别名文本，它在小尺寸下看起来比Ideal渲染更好，并且完全独立于监视器属性，例如伽马。
• Display在 ClearType 中渲染的小模式文本的屏幕截图在任何Ideal屏幕上看起来都比-mode 文本好得多，即使是那些具有不同 gamma 的屏幕。

WPF 渲染引擎可以做到这一点，还是我必须回到 GDI 上？（在屏幕外使用 Aliased 或 ClearType 渲染没有任何困难）

我在表单上有一个标准的 TStringGrid。我在网格中有一个固定行，其中包含许多列，这些列都是 TGridColumns 对象。我已经使用对象检查器设置了列标题，默认方向是水平的。有什么方法可以使方向垂直（就像在 Excel 中的单元格中一样）？