CODEWITHSUNDEEP
cssinternet-explorer
KF2
KF2

Reputation: 10153

How to fix smooth text in IE?

I have a WebBrowser control in my application. I add a font to my CSS using this code:

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

Every thing is fine but the text is not smooth. I find a lot of topics in Internet but no one could not solve this problem. for example:

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

Upvotes: 1

Views: 2305

Answers (1)

Damien
Damien

Reputation: 3220

It seems IE needs hints in the fonts to display them correctly. I solved this problem by using fontsquirrel's generator to create new font files. You can check which file IE is using by looking at the network activity in the developer tools.

Upvotes: 1

Related Questions