3

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

用户代理字体(Helvetica) 用户代理字体(Helvetica)

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

Typekit 提供的字体 (Meta) Typekit 提供的字体 (Meta)

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;

谢谢!

4

2 回答 2

0

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

于 2012-07-08T22:44:12.173 回答
0

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

于 2012-07-08T23:14:05.993 回答