css - 如何修复 IE 中的平滑文本？

Question

我的应用程序中有一个 WebBrowser 控件。我使用以下代码将字体添加到我的 CSS:

@font-face {
font-family: 'pNumber';
    src: 
    url('Address\pNumber.eot');
    url('Address\pNumber.eot?#iefix') format('embedded-opentype'),
    url('Address\pNumber.woff')       format('woff'),
    url('Address\pNumber.ttf')        format('truetype'),
    url('Address\pNumber.svg#pNumber')    format('svg');
}
.pNumber 
{
    font-family: pNumber;
}

一切都很好，但文字不流畅。我在互联网上找到了很多主题，但没有人无法解决这个问题。 例如:

Web fonts may appear blurry with Internet Explorer 7

How to Make ClearType, @font-face Fonts and CSS Visual Filters Play Nicely Together

@Font-Face Smoothing in IE

Answer 1

IE 似乎需要字体提示才能正确显示它们。我使用 fontsquirrel's generator 解决了这个问题创建新的字体文件。您可以通过查看开发人员工具中的网络事件来检查 IE 正在使用哪个文件。