是否有任何非 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 提供的字体 (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;
谢谢!