任何浏览器都有奇怪的字体外观

时间:2013-08-28 15:21:45

标签: css text fonts photoshop appearance

有一个美好的一天,我附加2个截图(来自photoshop和谷歌浏览器) - 字体字符发生了什么? 字体大小与psd相同,我也做了css重置(Meyer重置,在此之前看起来更加狡猾) - 什么可能是错的? 你能帮我看看它和photoshop一样吗?

提前致谢。

https://www.dropbox.com/s/zdg3k6a3rd49ygv/Desktop%2028-08-2013%2019-03-08-628.png https://www.dropbox.com/s/kszj0n1ql1jkfv7/Desktop%2028-08-2013%2019-03-15-829.png

这是代码:

article {
font-family: 'CaviarDreams', Arial, sans-serif;
font-size: 17px;
color: #ffffff;
font-style: normal;
}

和Meyer重置:css-tricks dot com / snippets / css / meyer-reset /

1 个答案:

答案 0 :(得分:0)

在PSD中检查字体时的字体大小,以及在为浏览器设置样式时使用的字体大小。

Photoshop中的字体可能是使用消除锯齿和其他平滑效果绘制的。作为跨所有浏览器的Web开发人员,没有任何方法可以控制它。

Chrome有一个CS3标记,您可以尝试

-webkit-font-smoothing: antialiased;