@ font-face渲染厚

时间:2011-06-13 22:04:41

标签: css fonts css3 font-face

使用基于@ font-face标记的标准fontsquirrel ..字体在厚边渲染。下面是以几种不同方式演示字体的屏幕截图。 top是photoshop的渲染,第二个是chrome渲染相同的字体(显然更厚),第三个是chrome渲染的类似字体,也是渲染类型的粗糙。

http://cl.ly/0e3b2t1N0U2e003h322O

尝试使用font-weight:lighter无济于事..有什么技巧可以减轻它吗?

谢谢!

2 个答案:

答案 0 :(得分:32)

在h1标记中添加了一些内容(应用了字体规则)。

font-weight:normal;修复了iOS中发生的奇怪加倍事情

-webkit-font-smoothing: antialiased;处理了粗渲染

答案 1 :(得分:1)

除了上述内容之外,我还遇到了Font Squirrel创建的字体套件的问题,并注意到渲染比我最初看到的更大胆。

有时,用户代理(浏览器)中标题(h1,h2等)的默认字体粗权设置为800。 如果您使用CSS重置,他们通常会将默认设置修复为500或400左右。

阅读以下文章以获取更多信息:

http://css-tricks.com/watch-your-font-weight/