Html Chrome中的字体呈现问题-Google Web字体

Html Chrome中的字体呈现问题-Google Web字体,html,css,google-chrome,fonts,rendering,Html,Css,Google Chrome,Fonts,Rendering,我在Chrome上遇到了一个奇怪的Google字体渲染问题。我的意思是: IE 10: FireFox 36.0.4: 铬41.0.2272.118米: 这是Chrome的特写镜头: 我使用的字体叫做Playfair,可以在Google字体上免费获得。这是我的CSS/SCS: 你试过字体平滑吗 -webkit-font-smoothing: antialiased; 此外,请尝试更改: font-weight: normal; 致: 原来是字体提示设置。我发现几个webfont生成器可

我在Chrome上遇到了一个奇怪的Google字体渲染问题。我的意思是:

IE 10:

FireFox 36.0.4:

铬41.0.2272.118米:

这是Chrome的特写镜头:

我使用的字体叫做Playfair,可以在Google字体上免费获得。这是我的CSS/SCS:


你试过字体平滑吗

-webkit-font-smoothing: antialiased;
此外,请尝试更改:

font-weight: normal;
致:


原来是字体提示设置。我发现几个webfont生成器可以通过让用户选择不同的提示设置来解决这个问题。如果您遇到相同的问题,请尝试此

是的,尝试了所有这些。显然,很多人都有这个问题,我发现唯一的解决办法就是使用@font-face,并确保Chrome和Opera首先呈现svg。详情如下:
font-weight: normal;
font-weight: 400;