光学变焦：如何修正旧版文档模式的字体问题

30 天开发一个 Windows 8 应用

像 Internet Explorer 10 和 9 这样的现代浏览器引入了子像素字体定位，作为其 HTML5 内容硬件加速渲染的一部分。 这是一项重要的进步，因为它实现了与缩放无关的文本度量——当触摸手势（如捏合缩放）成为在 Windows 8 触摸设备上的浏览体验的一部分时，这是一个重要的特性。 本文展示了通过声明 标准模式，可以轻松地改善跨多个浏览器的字体显示效果。

缩放示例：旧版模式与标准模式

以下是并排比较，显示了一个热门新闻网站在 8 和 10 文档模式下 100% 和 150% 的文本。 请注意，在 150% 的 8 模式示例（右上角）中，某些字母之间的字距特别差。

	默认大小 (100%)	光学缩放到 150%
8
10

立即迁移到标准模式

解决此行为的最佳方法是将您的页面迁移到标准模式。 兼容性检查器是一个有价值的工具，可以帮助您迁移到 IE9 或 IE10 模式。 兼容性检查器会识别潜在问题并提供解决步骤。 通常，您与其他浏览器一起使用的 HTML、CSS 和 JavaScript 标记和代码，在替换任何浏览器检测为 特性检测并更新供应商特定的 CSS 前缀以包含 -ms- 或未加前缀的版本后，将在 IE10 中正常工作。 Modernizr 是一个可以帮助解决这些问题的 JavaScript 库。

在旧版模式中指定子像素度量

如果目前将您的网站迁移到基于标准的标记超出了范围，您可以使用 HTTP 标头或 <meta> 标签在旧版文档模式中启用子像素文本度量。 根据我们的测试，大多数网站使用自然文本度量即可正常工作。

HTTP 标头的格式是

X-UA-TextLayoutMetrics: Natural

<meta> 标签的语法是

<meta http-equiv="X-UA-TextLayoutMetrics" content="natural" />

对该 HTTP 标头和 <meta> 标签的支持是 Windows 8 上 IE10 的最终发布版本中的新增功能。

为 IE10 做好准备

字体并非迁移到标准模式的唯一原因。 还有其他因素，例如 性能提升 30%。 我们希望这些更改能帮助您将网站从旧版文档模式迁移到 IE9 的默认标准模式，并为明天做好 IE10 的准备。 使用 IE10 在 Windows 8 上访问您网站的访客一定会感谢您。