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;
}

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

使用 Internet Explorer 7 时，Web 字体可能会显得模糊

如何使 ClearType、@font-face 字体和 CSS 视觉过滤器完美地结合在一起

IE 中的@Font-Face 平滑

Answer 1

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