Google字体在Chrome和Firefox中看起来有所不同

Question

我使用了谷歌的Maven Pro font，但我注意到Chrome和Firefox中的某些字母看起来有所不同，例如字母a：

此问题在Google字体网站中不会发生。我试着把它放在我的css样式表上：

@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900');
body{font-family:'Maven Pro', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

但它仍然存在同样的问题，我还需要修改哪些才能在两种浏览器中获得相同的外观？

Answer 1

这是为了解决Windows 7上的字体问题

• 打开开始菜单，然后输入 regedit
• 找到密钥 HKEY_LOCAL_MACHINE \ SOFTWARE \ Microsoft \ Windows NT \ CurrentVersion \ Fonts
• 找到值 MS Sans Serif 8,10,12,14,18,24
• 从 SSERIFF.FON 更改为 SSERIFE.FON
• 查找 Courier 10,12,15
• 从 COURF.FON 更改为 COURE.FON
• 重新启动系统

Answer 2

不确定，但我想这可能会有所帮助：

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

或者也试一下这个：

body {
    font-size: 100%;
    background-color: #FFF;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    font-weight: lighter;
    -webkit-text-stroke: 0.7px;

如果未达到预期效果，请保持更改为0.7。