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正在使用哪个文件。

如何在IE中修复流畅的文字？

1 个答案: