Fix for body Text not rendering properly in IE8 on website?

HTML & CSS
1

created website-

Problem:when viewing in IE8 - the text looks grainy

notes:
Using this page as an example:
http://fineprintnotes.com/bergincapital1210/about-us-bergin-co-difference

-text looks smooth and easy to the eye when viewing in Firefox and Chrome
-text looks smooth when using the “compatibility view” feature in IE8 - but want that look as a default for visitors
-for example - when visiting other website using IE8 such as:

https://www.savantcapital.com/Guests/Default.aspx?id=1118&pos=1

The text renders- when viewing in IE8- like Firefox and Chrome or in other words smooth and not grainy

-i have the same font face as that site and not sure what a fix could be

  • read up on what possible fixes I could find on the internet - such as “emulate IE 7” tag

for example on this page:http://www.microsoft.com/windows/internet-explorer/readiness/developers-new.aspx

Questions

  • has anybody had this issue?
  • i don’t notice the savantcapital.com website defaulting to Ie7 (using emulate ie 7 tag - how does their text look cleaner than my website?
    same goes for morganstanley.com (as another example)
  • i find it hard to degrade the wesbite to fix the text issue- i am not sure if thats how to put it- but would like it to use a more DOM compliant browser like ie8 if it has option in stead of reverting to IE7 view. Any thought? or fixes?

Thanks in advance.

one other note: I tried to do screen shots but it wasn’t communicating the issue - the images altered the drasticness of the difference - i feel - right now i have the website not emulating ie7

Jamie

2

I think it is down to Microsoft’s font smoothing, which works differently to others, and - particularly if you aren’t using a high end monitor - can cause fonts to look smudgy and ‘wrong’. I’m afraid I can’t help with a solution though…

3

-in IE8 - do you see it grainy-not smooth at your home monitor?
-do you see the things(view) I am speaking about in my issue?

4

The body text looks just the same (and normal) in both IE8 and Opera. But the blue background menu section is definitely different - in Opera, it looks normal, but in IE8 it looks slightly smudgy and fuzzy. Not bad enough that it would put me off in any way, and certainly not something that would make me think any less of the site designer, because it definitely looks like a browser issue rather than a site issue.

5

Thanks for your reply…just one last thing- so I can move on for now…

One last thing - I want to make sure that people are seeing the same thing I am- i was able to take a screen shot that shows my issue more plainly

Here it looks in firefox, opera, chrome, and “compatibility view in IE8” (emulates 1e7)
http://lh4.ggpht.com/_aLi7iE-iOlI/TTynzEdDBrI/AAAAAAAAAXc/rNNMuROUw9Q/operaview.jpg

here it looks to me in IE8

http://lh3.ggpht.com/_aLi7iE-iOlI/TTyn0W7FHEI/AAAAAAAAAXg/RTSijj9qNdg/ie8view-2.jpg

-The text looks pixelated to me–and not pleasing to the eye

  • I am just trying to see if it is my monitor playing tricks on me:)
  • is the body text being seen by others on their home machine using IE8 - as it appears in the first link- (which I call my firefox, opera, chrome, “compatibility view” IE8 image)

Thanks gain