aut*_*coo 8 html css rendering google-chrome webfonts
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;
}
Run Code Online (Sandbox Code Playgroud)
我删除了一个字体的本地安装,并注意到其他Windows 7计算机也这样做.谁知道铬的情况如何?(IE,Firefox,Safari都渲染得很好)
PS:JSFiddle中没有包含其他浏览器字体来过滤问题,每个浏览器都有自己的怪癖(不允许使用字体大小等),但渲染文字很好