CODEWITHSUNDEEP
fontsrenderingfont-sizeinternet-explorer-7
Ivana Setiawan
Ivana Setiawan

Reputation: 21

IEs(7&8) render basic fonts slightly larger

a {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px;}

Apparently IEs render font-size: 9px slightly larger. 'slightly-large' enough to break a layout. Can somebody please please help me with this issue?? I am kinda annoyed now :(

Upvotes: 0

Views: 94

Answers (3)

alexl
alexl

Reputation: 6851

Try to use a reset css. On google you can find lots of information about that.

Upvotes: 0

emcconville
emcconville

Reputation: 24419

Try setting the line-height. This will help uniform the font across different browsers.

a {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; line-height: 1.3em; }

Upvotes: 1

awm
awm

Reputation: 6570

The layout will be slightly different depending on what browser you're using and what fonts are installed. You can never count on 9px text being exactly a certain size.

Part of the challenge of web design is to build enough flexibility in your layout so that this doesn't become an issue.

Upvotes: 2

Related Questions