Chrome SVG webfonts选择输入中的奇怪字符

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都渲染得很好)

选择输入渲染字体chrome

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

aut*_*coo 3

没有办法解决这个问题。

这不是回归问题,而是从 M24 开始就存在的。

我提交了一份错误报告,选项菜单中的字符呈现很奇怪