带有 css/javascript 的抗锯齿文本用于大字体？答案

【问题标题】：Anti-aliased text with css/javascript for Large font size?带有 css/javascript 的抗锯齿文本用于大字体？
【发布时间】：2009-08-19 11:43:13
【问题描述】：

我在我的网站上的几个地方使用大字体，但它们看起来没有抗锯齿或平滑...我想知道它们是否有任何方法可以为 Windows 操作系统上的浏览器显示大的抗锯齿字体默认情况下已关闭抗锯齿功能...类似于他们在此网站上的内容here

【问题讨论】：

MFC 正在使用 Adobe Flash 播放器来处理他们的抗锯齿大文本。

标签： javascript html css

【解决方案1】：

您无法在 CSS 中控制系统抗锯齿。

为此，您必须使用 Flash 文本替换，例如 sIFR（他们使用的是 h2swf）

【讨论】：

是的，但仅限于 SWF 内部 - 这样您就可以一次选择 HTML 文本或 SWF 文本

【解决方案2】：

如果用户的操作系统或浏览器没有开启抗锯齿功能，则您无法强制使用它。您可以使用 Flash 等其他渲染平台，或使用 CCS 将文本替换为图像，以允许使用抗锯齿显示字体，但对于像渲染文本这样简单的事情来说，这似乎是一个杂项。 Flash 等技术也会疏远某些受众，他们的设备要么不支持它们，要么只是选择不使用它们。

如果您的用户没有启用 AA，可以说他们正在显示偏好或根本不关心字体如何呈现的细节。归根结底，您根本无法直接控制用户将用来使用您的网站的客户端。在网络上，您将始终受客户端应用程序的支配。您能做的最好的事情就是清楚地呈现它，并且以这样一种方式让用户能够轻松地获得他们可以与他们的客户一起获得的最佳体验。

不要因为你的像素在一个客户端上是否稍微不那么漂亮而失眠。

【讨论】：

【解决方案3】：

Cufon 是 sIFR 的替代品。在此处查看比较： http://net.tutsplus.com/tutorials/html-css-techniques/six-ways-to-improve-your-web-typography/

【讨论】：

【解决方案4】：

好消息：在 IE9（2011 年 3 月 14 日发布）中，他们似乎默认将更大的文本设置为抗锯齿。我禁用了硬件加速 - 所以它可能对所有用户都有这种影响。

警告：这是徒劳的练习，但是.... 我确实注意到text-shadow css 属性似乎在某些浏览器中强制使用抗锯齿。不幸的是，我认为目前只有 Chrome...

Here's a sample... （每个标题首先正常显示 - 然后带有文本阴影）。在 Chrome 中观看效果最佳！

【讨论】：