2011-06-13 85 views
10

使用基于@ font-face标准字体的标准字体。字体渲染在厚边。下面是以几种不同方式展示字体的截图。顶部是Photoshop的渲染,第二是铬的相同字体的渲染(显然要厚得多),第三是铬的渲染类似的字体,这也呈现了一种矮胖。@ font-face渲染厚

http://cl.ly/0e3b2t1N0U2e003h322O

使用font-weight:lighter与无济于事试过..有任何窍门,以减轻它呢?

谢谢!

回答

31

向h1标记(其中应用了fontface规则)添加了一些内容。

font-weight:normal;修复了iOS中发生

-webkit-font-smoothing: antialiased;处理的厚渲染

+2

这是-webkit-字体平滑:抗锯齿; – Hurix 2012-03-26 10:48:46

+0

'font-weight:normal;'在Win7上为Chrome工作,我所有的字体都渲染得更加厚实! – Jascination 2012-08-02 03:02:58

+0

相当于firefox -moz-osx-font-smoothing:greyscale; – JisuKim82 2015-12-16 22:09:19

1

除了上述一个奇怪的加倍的事情,我有一个字体松鼠的问题创造了字库,并注意到渲染一点点比我最初看到的还要大胆。

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

更多信息请阅读下面的文章:

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