如何在所有浏览器中正确显示字体？

Question

我在我的网站的CSS文件中有以下内容:

body {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.125em;
line-height: 1.5em;
}

在Mac上的Safari中,网站的字体看起来就像我想要的那样:

但是,在IE和Chrome中的Windows计算机上,字体看起来不像上面那样,请参阅:

我的问题是,如何在所有操作系统上的所有浏览器中看到相同的字体,如上面的屏幕截图#1？

在此先感谢您的帮助.

Answer 1

这是一个foont平滑的问题,并且从浏览器到另一个不同,它们不会以相同的方式"读取"字体.

这是一篇解释过程的文章,字体平滑解释.

这是一个CSS hack你可以尝试,以便在任何地方获得相同的结果:

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}