Firefox 类型渲染比其他 OS X 浏览器更大胆 - 有解决方案吗？答案

【问题标题】：Firefox type rendering bolder than other OS X browsers - is there a solution?Firefox 类型渲染比其他 OS X 浏览器更大胆 - 有解决方案吗？
【发布时间】：2012-07-09 07:14:05
【问题描述】：

是否有任何非 hacky 的 html/css/jquery 技巧来为 Firefox 用户实现更好的字体渲染？下面的屏幕截图（Safari 5/Chrome 20/Firefox 13）显示 Firefox 正在渲染用户代理字体以及 typekit 提供的字体更加粗体。

用户代理字体（Helvetica）

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0.025em;
color: #333;

Typekit 提供的字体（元）

font-family: "ff-meta-web-pro", Helvetica, Arial, sans-serif;
letter-spacing: 0.025em;
color: #333;

在这两种情况下，这些字体大小都用于 h1、h2 和 p：

font-size: 1.4em;

font-size: 1.1em;

font-size: 0.75em;

谢谢！

【问题讨论】：

相关的 HTML 标记是什么？
@Neil 我把 CSS 放在编辑后的问题中...

标签： fonts cross-browser text-rendering typekit

【解决方案1】：

在执行 CSS 之前使用 CSS 重置：

【讨论】：

【解决方案2】：

您没有指定您使用的是哪个操作系统，但看起来 Firefox 使用的是 ClearType 而不是标准的灰度抗锯齿。

【讨论】：

问题标题中提到了操作系统；）所有 6 个屏幕截图都是从 OS X 浏览器完成的。微软的 Windows XP 不是引入了 ClearType 吗？我得到了带有旧版 Safari、Chrome 和 Firefox 的旧 Apple 笔记本电脑——同样的事情：Firefox 渲染得更大胆:(
对不起，我完全忽略了那里的标题，哎呀！不知道Mac是否有ClearType的等价物。
度过了整个白天和黑夜；看起来人们只需要忍受 Firefox 摇摇晃晃的渲染。