IE rendering of Georgia!>?!!

Primary tabs

18 posts / 0 new
Last post
Jeremiah's picture
Offline
Joined: 23 Jun 2008 - 6:10pm
IE rendering of Georgia!>?!!
0

Hey guys, I just started cross browser testing for the first time on a site I'm currently doing which uses Georgia. I opened the site in Internet Explorer 7.0 and noticed that my font of choice (Georgia) was slaughtered. Has anyone encountered this problem or maybe know a good alternate, it really looks bad. Man do I dislike IE.

Tom Hodgins's picture
Offline
Joined: 10 Mar 2008 - 9:36pm
0

I haven't check georgia in IE, but I do know that for all the money and initiative MS spend on typography, they sure didn't invest enough in anti-aliasing......

Maxx-W's picture
Offline
Joined: 3 Nov 2008 - 3:41pm
0

Amen to that innovati.

I guess that's the viewers punishment for using an inferior browser.

Adam Twardoch's picture
Offline
Joined: 3 Dec 2002 - 7:36pm
0

Jeremiah,

which operating system are you using? Are you using no antialiasing, standard antialiasing or ClearType?

Adam

Simon Daniels's picture
Offline
Joined: 11 Apr 2002 - 6:37pm
0

IE 7 is Windows only. Maybe post a screen grab and we can take a look.

Cheers, Si

Jeremiah's picture
Offline
Joined: 23 Jun 2008 - 6:10pm
0

Hi, thanks for such quick response. I use a Mac with Leopard. My other machine is a pc with XP using clear type. Here is a side by side comparison.

Jeremiah's picture
Offline
Joined: 23 Jun 2008 - 6:10pm
0

It almost appears to be a different weight as well as skewed horizontal?

Typography.Guru's picture
Offline
Joined: 8 May 2003 - 2:39pm
0

The first image doesn't use subpixel rendering, the second does. As a OS X user you should be used to this kind of rendering. I don't unterstand why you consider it "slaughtered".
The different weights might be a problem in your CSS declarations for the headlines. Hard to tell without seeing the code.
IE screenshot regular/bold:

Adam Twardoch's picture
Offline
Joined: 3 Dec 2002 - 7:36pm
0
Gus Winterbottom's picture
Joined: 19 Oct 2006 - 11:46am
0

If you don't want IE7 to use ClearType at all, you need to go to Tools|Internet Options|Advanced and uncheck the "Always use ClearType for HTML" box. Otherwise, IE7 will use ClearType for HTML content (but not the browser UI elements) even if you have ClearType turned off in your display properties.

Jeremiah's picture
Offline
Joined: 23 Jun 2008 - 6:10pm
0

Thanks everyone for the posts. Ralf, there is only one css declaration for the header and no
"ie specific" declarations. As you can tell the font on the IE rendering has to drop down a line while in the firefox rendering does not. This just seems like a drastic change when 2 browsers render the same font.

Typography.Guru's picture
Offline
Joined: 8 May 2003 - 2:39pm
0

Ralf, there is only one css declaration for the header and no “ie specific” declarations.

Sure, but you may have heard, that browsers handle HTML and CSS declarations differently, haven't you?
Check your CSS! It seems to trigger the bold style in IE, but of course you can overwrite this standard behaviour, even in IE.

Jeremiah's picture
Offline
Joined: 23 Jun 2008 - 6:10pm
0

Hey Ralf, just got to thinking. I know different browsers interpret attributes differently. There is no weight attribute in my stylesheet so I dont see why IE is interpreting it as bold as opposed to firefox as regular. That is why i thought the font was "slaughtered" because it renders in a entirely different weight. I'm not sure if this is appropriate to post in this forum, sorry if it is.

Jeremiah's picture
Offline
Joined: 23 Jun 2008 - 6:10pm
0

haha, just figured it out guys sorry for the confusion. the <.h1.> attribute automatically carries a bold weight in IE7. Sorry for all the fuss.

Typography.Guru's picture
Offline
Joined: 8 May 2003 - 2:39pm
0

Like I said: Bold Headlines are a standard bevaviour: http://www.cs.tut.fi/~jkorpela/HTML3.2/5.26.html
Usually overwritten with something like font-weight:normal;

Tom Hodgins's picture
Offline
Joined: 10 Mar 2008 - 9:36pm
0

*whimper* Microsoft and their half-hearted attempt at compliance or parity with their competitors leaves me as a designer heartbroken, lonely and sad.

Microsoft in my opinion doesn't hit a lot of the targets even they set for themselves, which seems like poor-performance, even by their own measures, and using competitive measures they are behind the market, while also being the most costly, and also the most used.

How does this happen?

I wish that you could design websites with the same power and flexibility of PDFs (easily embedded fonts, dynamic, portable). I don't mean using flash either. I mean an entirely self-contained dynamic document format, and let RIA's use code and live out of the browser like Adobe AIR is trying.

I think the web and the web applications need to separate ways, to both leave the browser and allow the designer/developer to have the utmost control, and not rely on another person's shoddy implementation of what 'ought to be'

My only recommendation for you is, if you wish to maintain the highest order of parity between your site out of Internet Explorer and in IE, you need to manually account for the differences using a seperate IE-only CSS file, and only load that upon browser check.

Thanks a lot Microsoft!

Simon Daniels's picture
Offline
Joined: 11 Apr 2002 - 6:37pm
0

Wah! toys-out-the-pram!

As I recall H1 has defaulted to bold since Mosaic v 1.

Thanks a lot Marc Andreessen! ;-)

Hrant H Papazian's picture
Joined: 3 May 2000 - 11:00am
0

Tom, consider yourself officially clueless.

hhp