CSS-字体浏览器呈现错误

我正在我的项目中使用google.com/font。 我需要Roboto压缩字体

但在我所有的浏览器中，字母上面都有一些工件。 请参见示例（从google页面保存）：

更新：

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'exoregular';
            src: url('path to file/exo-regular-webfont.svg#exoregular') format('svg');
    }
}

现在，我发现字母的大尺寸显示正确，只有小尺寸（12px、14px、16px、22px）显示错误

此错误出现在我的Windows 8（FF、IE、Chrome、Safari、Opera）上的所有浏览器中。 在某个地方，我发现这是因为旧的显示端口驱动程序，但我有最新的ATI驱动程序（从2014年3月开始）

此外，这种问题在某些电脑上也会出现。在其他电脑上，所有字体都清晰易读

有人犯过同样的错误吗？如何修复它们？可能有一些CSS3的技巧

---

谢谢您的帮助。

某些字体确实会导致意外渲染。主要是webkit broswers。有时，它们以不同的字体大小呈现不同的字体。 如果你使用@font-face，你可以试试我在使用“Exo”字体时使用的这个技巧。我和你一样面对同样的问题，用这个解决了我的问题。并尝试从fontsquirrel生成字体面

@font-face {
    font-family: 'exoregular';
    src: url('path to file/exo-regular-webfont.eot');
    src: url('path to file/exo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('path to file/exo-regular-webfont.woff') format('woff'),
         url('path to file/exo-regular-webfont.ttf') format('truetype'),
         url('path to file/exo-regular-webfont.svg#exoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

修复！只需将此块添加到上述块的下方

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'exoregular';
            src: url('path to file/exo-regular-webfont.svg#exoregular') format('svg');
    }
}

---

Yeh Roboto看起来就像我用过的16px字体大小的itLook一样——我写过，大号的字母可以，小号的是人工制品。我试过你说的，但没有帮助：（你的解决方案可能只对webkit浏览器和android平板电脑有帮助。但对我来说——这个问题存在于所有浏览器中（不仅仅是webkit）。