Google终于在Chrome 37中本机修复了此问题!!!但是由于历史原因,我不会删除此答案。
问题
由于chrome实际上无法使用正确的抗锯齿渲染TrueType字体,因此造成了该问题。但是,chrome仍然可以很好地渲染SVG文件。如果您以woff上方的语法将对svg文件的调用上移,Chrome将下载svg并使用它而不是woff文件。您建议的一些技巧很有效,但仅适用于某些字体大小。
但是此错误是Chrome开发人员团队众所周知的,自2012年7月以来一直在修复。请在此处查看官方的错误报告线程:https : //pre.google.com/p/chromium/issues/detail?id= 137692
2013年10月更新(感谢@ Catch22)
显然,某些网站在渲染svg时可能会遇到间歇性间距问题。因此,有更好的方法对其进行蒙皮。如果您使用特定于Chrome的媒体查询调用svg,则间距问题将消失:
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'MyWebFont'; src: url('webfont.svg#svgFontName') format('svg'); }}第一种方法解决方案:
Fontspring的防弹语法已修改为首先投放svg:
@font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); src: url('webfont.eot?#iefix') format('embedded-opentype'), url('webfont.svg#svgFontName') format('svg'), url('webfont.woff') format('woff'), url('webfont.ttf') format('truetype');}


