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

我用的是谷歌的，但我注意到一些字母在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;}

---

但这仍然是一个问题，我还需要修改什么才能在两种浏览器中获得相同的外观？

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

• 打开“开始”菜单并键入regedit
• 找到钥匙 HKEY\U LOCAL\U 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
• 重新启动系统

---

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

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
您使用的是Windows 7吗？@AGrammerPro是的，在macOS中也会发生这种情况。请尝试将字体重量：正常应用于文本，我之前也遇到过这种情况，可能您也遇到过同样的问题。我知道Windows 7字体/字体大小的显示方式存在已知问题，但如果它发生在mac电脑上，那么我的解决方案将不起作用。祝你好运@Maharkus我做了但还是一样