I'm experiencing font pixelation on my header fonts when viewed in Internet explorer. It's almost as if there's a text-shadow at play, but I've checked all my css and I have text-shadow disabled when viewed in IE. it's very strange. I've even switched to a basic arial font and I still get the bizarre pixelation. Any ideas on how to fix this?
I believe I fixed it. Had to go to my IE specific style sheets and add: text-shadow: none; filter: none; . Didn't think filter was necessary, but apparently that did the trick.
Yup, that's why I asked. Filters (opacity especially) on an element with no background does that. Normally the trick is to give the element a background color but in this case you wouldn't want that, and I don't really see the need for a filter in the first place. Glad it was fixed!
Hello,
I'm experiencing font pixelation on my header fonts when viewed in Internet explorer. It's almost as if there's a text-shadow at play, but I've checked all my css and I have text-shadow disabled when viewed in IE. it's very strange. I've even switched to a basic arial font and I still get the bizarre pixelation. Any ideas on how to fix this?
Example: https://www.dropbox.com/s/sbio2shkfnse0hi/Screen Shot 2012-09-27 at 10.27.24 AM.png
try this might or not might work: font-smooth:always;
Using any opacity there?
I believe I fixed it. Had to go to my IE specific style sheets and add: text-shadow: none; filter: none; . Didn't think filter was necessary, but apparently that did the trick.
Yup, that's why I asked. Filters (opacity especially) on an element with no background does that. Normally the trick is to give the element a background color but in this case you wouldn't want that, and I don't really see the need for a filter in the first place. Glad it was fixed!
I hate IE so much. Everything looks like garbage in that browser. Thanks for the help all.