html - QuickSand(谷歌字体)在 Chrome 和 IE 中的字体呈现不佳

Question

我一直在努力使用 QuickSand Google 字体在所有浏览器中获得一致且美观的字体。 Chrome 和 IE 显示出非常锯齿状和像素化的边缘，尤其是在较小的字体大小下。缩放浏览器通常会使伪影消失。

以下是 Firefox、Chrome 和 Internet Explorer 问题的屏幕截图比较: https://dl.dropboxusercontent.com/u/29865983/imagehost/jsfiddle/QuickSandFont.png

这是一个 jsfiddle 重现该问题以进行实验:

http://jsfiddle.net/vXd2F/

#main-nav ul li a, #main-nav ul li a:link, #main-nav ul li a:active {
color: white;
display: inline-block;
padding: 19px 10px;
font: 400 12px/14px 'Quicksand', Helvetica, Arial, sans-serif;
text-transform: uppercase;}

Answer 1

问题是由于 Google 字体没有实现所有字体文件类型。解决方案是使用 font squirrel 网络字体生成器来生成缺少的文件类型并自行托管它们。