google webfonts看起来很糟糕

Question

我严重依赖Google Webfonts来访问我的网站，并且（不幸的是）谷歌浏览器显示它们非常糟糕，我总是将字体设置为平滑，但它似乎没什么帮助。 实施例：

有什么方法可以让它们变得光滑/让它们看起来更好吗？

谢谢，

Answer 1

我个人会用

  

http://www.fontsquirrel.com/

它全部托管在您的服务器上，并且几乎与所有浏览器兼容！自从使用Font Squirrel后，我没有去过其他地方。

Answer 2

字体渲染问题在GChrome中很常见，请尝试更改@ font-face源的顺序... Chrome使用@ font-face源中的.svg文件，因为某些原因它无法容忍.svg名单中的最后一个叫

@font-face {
font-family: 'my-dirty-font';
src: url('../fonts/my-dirty-font.eot');
src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'),
url('../fonts/my-dirty-font.woff') format('woff'),
url('../fonts/my-dirty-font.ttf') format('truetype'),
url('../fonts/my-dirty-font.svg') format('svg');
font-weight: normal;
font-style: normal;
}

如果订单@ font-face订单看起来相似，请尝试更改为

@font-face {
    font-family: 'my-dirty-font';
    src: url('../fonts/my-dirty-font.eot');
    src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'),
    url('../fonts/my-dirty-font.svg') format('svg');
    url('../fonts/my-dirty-font.woff') format('woff'),
    url('../fonts/my-dirty-font.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
    }

Answer 3

如果您从谷歌服务器获取字体，可能会不那么顺利，因为您的客户必须为您的网站提供两个服务器请求，为Google Web Fonts服务器提供一个服务器请求。因此，如果您下载字体并在您的网站上托管它们，您的字体应该看起来更平滑，加载更顺畅。此外，我发现身高必须与他们的外表有很多关系。有些字体在被撞到150px时可悲地看起来很扭曲，以此类推。因此，请尽量保持字体高度不变。