Chrome和IE中的QuickSand(Google字体)字体呈现效果不佳

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 web字体生成器生成缺少的文件类型并自己托管它们.