字体在GoogleFonts上的呈现方式与在我的页面

时间:2017-01-19 18:44:34

标签: css fonts font-face webfonts google-webfonts

我包括说" Noto Sans"或" Ubuntu"在我的网页上通过css" @ import"。 如果我将我的页面上的渲染与GoogleFonts页面上的渲染进行比较,则两种字体看起来都不同。 即使我将相同的文本粘贴到GoogleFonts并选择相同的大小,相同的背景,相同的颜色。

这是一张图片:(尤其是" A") enter image description here

我知道是否有设置? 你可以看到重量和尺寸都不匹配。特别是重量似乎是一个问题。比较" Noto Sans"在我的页面上,相同重量的字体看起来更厚。 我将谷歌中的字体下载到我的系统中。但是,如果我删除这些字体并且浏览器使用远程字体,这也适用。 我使用MacOSX,但检查Browserstack似乎问题在几个浏览器中是有效的。我也用IE9在Win7中测试过。

1 个答案:

答案 0 :(得分:1)

不确定IE浏览器,但您是否尝试过添加-webkit-font-smoothing: antialiased;? Google还将-ms-text-size-adjust: 100%;用于IE。

相关问题