字体在浏览器中渲染较厚

Question

我在网站上使用Open Sans字体,但在所有浏览器中看起来都比Adobe Illustrator中更厚(参见附图).为什么这样,有什么方法可以让浏览器中的字体显示"更薄"吗？

注意 浏览器和Illustrator都呈现Semibold权重(600)

Answer 1

问题在于别名.以下css解决方案适用于safari,chrome和firefox:

-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;