相关疑难解决方法(0)

我正在使用google webfonts并且它们的超大字体尺寸很好,但是在18px时,它们看起来很糟糕.我已经在这里和那里阅读过有字体平滑的解决方案,但是我没有找到任何明确解释它的地方,而且我发现的几个片段根本不起作用.

我的h4浏览器看起来很糟糕,但Chrome是最糟糕的.在Chrome中,几乎所有字体看起来都很糟糕.

谁能指出我正确的方向？也许您知道一种资源可以清楚地解释这一点吗？谢谢!

示例SCREENSHOT#1

此屏幕截图显示了https://www.dartlang.org/的主页,这是一种由Google制作的编程语言(因此我们可以暗示该网站也是由Google构建的)并使用Google Webfonts.

屏幕截图显示左侧的Google Chrome,右侧的Firefox/Internet Explorer:

示例SCREENSHOT#2

此屏幕截图显示了Adobe.com上的产品信息页面,使用Typekit提供的webfonts.Adobe和Typekit在字体方面是专业人士.

屏幕截图显示右侧的Google Chrome,左侧的Firefox/Internet Explorer:

Windows 8上的Chrome 26.0.1410.64m在渲染WebFonts时遇到问题.这是一个已知问题,解决方案是首先提供字体的svg版本而不是woff版本.它修复了抗锯齿并使字体看起来很漂亮.

这种方法的缺点是选择输入内部元素内部的奇怪渲染.

我添加了一个jsfiddle来看它的实际效果:http://jsfiddle.net/4mSpv/6/.

CSS尽可能简单.

@font-face {
    font-family: 'Montserrat';
    src: url('https://raw.github.com/louh/website/master/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
select {
    font-family: 'Montserrat', sans-serif;
}

我删除了一个字体的本地安装,并注意到其他Windows 7计算机也这样做.谁知道铬的情况如何？(IE,Firefox,Safari都渲染得很好)

PS:JSFiddle中没有包含其他浏览器字体来过滤问题,每个浏览器都有自己的怪癖(不允许使用字体大小等),但渲染文字很好