字体在 GoogleFonts 上的呈现方式与在我的页面上呈现的方式不同
fonts render differently on GoogleFonts than on my page
我通过 css“@import”在我的网页上添加了 "Noto Sans" 或 "Ubuntu"。
如果我将我页面上的呈现与 GoogleFonts 页面上的呈现进行比较，两种字体看起来都不一样。
即使我将相同的文本粘贴到 GoogleFonts 并选择相同的大小、相同的背景、相同的颜色。
这是一张图片：（特别明显 "A"）
知道是否有我想念的设置吗？
如您所见，重量和尺寸都不匹配。尤其是重量似乎是个问题。比较 "Noto Sans" 同样粗细的字体在我的页面上看起来粗了很多。
我从 google 下载字体到我的系统中。但这也适用于我删除这些字体并且浏览器使用远程字体的情况。
我使用 MacOSX，但在 Browserstack 中检查似乎该问题在多个浏览器中都有效。我也用 IE9 在 Win7 中测试过。
不确定 IE 浏览器，但您是否尝试添加 -webkit-font-smoothing: antialiased;？ Google 也对 IE 使用 -ms-text-size-adjust: 100%;。
我通过 css“@import”在我的网页上添加了 "Noto Sans" 或 "Ubuntu"。 如果我将我页面上的呈现与 GoogleFonts 页面上的呈现进行比较，两种字体看起来都不一样。 即使我将相同的文本粘贴到 GoogleFonts 并选择相同的大小、相同的背景、相同的颜色。
这是一张图片：（特别明显 "A"）
知道是否有我想念的设置吗？ 如您所见，重量和尺寸都不匹配。尤其是重量似乎是个问题。比较 "Noto Sans" 同样粗细的字体在我的页面上看起来粗了很多。 我从 google 下载字体到我的系统中。但这也适用于我删除这些字体并且浏览器使用远程字体的情况。 我使用 MacOSX，但在 Browserstack 中检查似乎该问题在多个浏览器中都有效。我也用 IE9 在 Win7 中测试过。
不确定 IE 浏览器，但您是否尝试添加 -webkit-font-smoothing: antialiased;？ Google 也对 IE 使用 -ms-text-size-adjust: 100%;。