2012-09-29 33 views
1

我在很多不同的网站上都遇到了这个问题。您的字体具有不同的抗锯齿选项,设计人员在网页上的文字不同部分使用具有不同抗锯齿选项的相同字体。所以有些元素是有区别的。如何访问CSS的字体的抗锯齿方法

在这种情况下,我有尖锐,清脆,强壮和光滑。我使用了字体生成器来让代码通过@ font-face访问它。即便如此,如果知道重要的话,我也有原始的.otf文件。有没有一种方法可以访问它?

我上传我的意思的图片和我的实际代码:

enter image description here

@font-face { 
    font-family: 'light'; 
    src: url('../_fnt/light/gothamrnd-light.eot'); 
    src: url('../_fnt/light/gothamrnd-light.eot?#iefix') format('embedded-opentype'), 
      url('../_fnt/light/gothamrnd-light.woff') format('woff'), 
      url('../_fnt/light/gothamrnd-light.ttf') format('truetype'), 
      url('../_fnt/light/gothamrnd-light.svg#../_fnt/light/gothamrnd-light') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

回答

2

没有,有没有办法来控制这样的文本的渲染。这些都是Photoshop的具体设置,因为它有自己的渲染引擎,甚至没有其他程序可用。

实际上,不同的浏览器会以不同的方式渲染文本,甚至不同计算机上的相同浏览器也会根据系统设置的不同来渲染文本。

如果您使页面看起来与一个浏览器中的设计完全一样,它在另一个浏览器中看起来会有所不同。您通常应该在不同的浏览器中测试它,并尽量让它看起来尽可能接近设计,并确保它们中的任何一个都不会离设计太远。

+1

谢谢...无法完成的耻辱。 –

0

只有Mac OS X上的WebKit浏览器识别出与字体平滑相关的CSS属性,即-webkit-font-smoothing。即使有,目前还不清楚发生了什么事,因为他们似乎在去除antialiazed值,见webkit-font-smoothing: suddenly different results in chrome and safari

所以出于实用的目的,对于字体平滑为伸出你的双手作为一个作家,并根据不同的平滑选项测试字体检查结果是否至少可以容忍。

+0

好的,它很清楚。我无法达到设计达到100%准确度的愿望。现在我用字体重量:更轻。它确实产生了一些效果,但它非常简单......无论如何,感谢您的帮助! –