css - 任何浏览器中的奇怪字体外观

Question

祝大家今天愉快，我附上了 2 个屏幕截图(来自 photoshop 和来自 google chrome)- 字体字符发生了什么变化？字体大小与 psd 中的字体大小相同，我还重置了 css(Meyer Reset，在那之前看起来更奇怪)——可能有什么问题？你能帮我让它看起来像在 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 Reset:css-tricks dot com/snippets/css/meyer-reset/

Answer 1

当您在 PSD 中查看字体时，字体大小是多少？当您为浏览器设置样式时，您使用的字体大小是多少。

Photoshop 中的字体可能已使用抗锯齿和其他平滑效果绘制。作为 Web 开发人员，实际上没有任何方法可以在所有浏览器上控制它。

Chrome 有一个 CS3 标签，你可以试试

-webkit-font-smoothing: antialiased;