字体在浏览器中渲染较厚

Question

我在网站上使用Open Sans字体，但在所有浏览器中看起来比Adobe Illustrator中的要厚得多（参见附件图片）。为什么这样，有什么方法可以让浏览器中的字体显示“更薄”吗？

注意 浏览器和Illustrator都呈现Semibold权重（600）

Answer 1

问题在于别名。以下css解决方案适用于safari，chrome和firefox：

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

Answer 2

确保您包含Open Sans的灯光（300）和普通（400）重量，然后您可以简单地：

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; /* Or 400, if 300 is too light. */
}

Answer 3

Open Sans Webfont有10种风格。对我来说，它看起来像浏览器显示semibold。这应该是正常的，你应该没事。

看一下fontsquirrel

http://www.fontsquirrel.com/fonts/open-sans

Answer 4

简单的答案是没有修复。如果您正确加载并调用所需的样式和重量，那么有时候adobe和Web浏览器（或浏览器到浏览器）之间的呈现方式会有所不同。你的选择是400重量或学会喜欢大胆。