谷歌字体在 Chrome 和 Firefox 中看起来不同

Question

我正在使用 Google 的Maven Pro 字体，但我注意到 Chrome 和 Firefox 中的一些字母看起来不同，例如字母 a：

这个问题在谷歌字体网站上不会发生。 我试图把它放在我的 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
• 查找快递 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。