如何获取字体在所有浏览器中正确显示？(How do I get font to display pr

我在为我的网站的CSS文件如下：

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

在Safari我的Mac上的网站有字体看着我想要的方式：

然而，在IE和Chrome Windows计算机上的字体看起来并不像上述情况，请参见：

我的问题是，我怎么让字体看起来在所有的浏览器同在所有操作系统，使得看起来像上面的截图＃1？

在此先感谢您的帮助。

Answer 1:

这是foont平滑的问题，这是从浏览器不同的另一个，他们不“读”的字体相同的方式。

这里是解释过程的文章，字体平滑解释。

这里是一个CSS破解你可以为了得到到处都是一样的结果，尝试：

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

进一步阅读： 4.2字体平滑：在从W3C CSS 3字体模块规范的“字体光滑”属性

还有什么是你可以做的，虽然你可以测试字体（）你使用，并可能重新考虑你的字体选择的变化。某些字体影响比其他地区的差异更大。

在不同的平台，并在一定程度上，在不同的浏览器，字体渲染不同。例如参见仔细看看字体渲染。

渲染也依赖于系统和/或浏览器设置。我看到在Windows上什么，对普通的文本测试您的样式表时，是从你的屏幕截图非常不同。

窗户是著名的穷人字体平滑; 在一个安全可靠的，跨浏览器的替代与PNG图片更换你的全部内容（如.JPG往往是可怕的文本）。当然，这不是一个可行的选择，所以，直到所有浏览器都支持font-smoothing属性（如上所示），你停留在目前的状况。

文章来源: How do I get font to display properly in all browsers?