html - Chrome SVG 网络字体在选择输入中出现奇怪的字符

Question

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 计算机也在做同样的事情。有人知道 chrome 是怎么回事吗？ (IE、Firefox、Safari 都可以正常显示)

PS:JSFiddle 中未包含其他浏览器字体以过滤掉问题，每个浏览器都有自己的怪癖(不允许字体大小等)但可以很好地呈现文本

Answer 1

没有办法解决这个问题。

This is NOT a Regression issue and is existing from M24.

我提交了一份错误报告，它 Weird character rendering in option menu