谷歌字體在 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。