faqts : Computers : Internet : Web : CSS

+ Search
 Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

26 of 41 people (63%) answered Yes
Recently 3 of 10 people (30%) answered Yes

Entry

How do I prevent browsers using Large Fonts from altering my text size?

May 1st, 2001 05:11
Todd Lupo, Harold B, 


The best way to code for browsers that use Large Fonts is to specify a 
font size for all formatted text. Use specific font sizes such 
as 'px' 'pt' or 'em' instead of relative font sizes such as 'small' 
'medium' 'xx-small'.  This will allow compensation for a user's Font 
Size preferences.  Therefore, if a user changes their font size, the 
text and containing elements will not resize accordingly.

Changing the user's preferences for font size with the following example 
will demostrate fixed font dimensions.

For example/

<html>
<head>
<title>Lupo techniques</title>
<style type="text/css">
.nonFixed { font-size: medium }

.fixed { font-size: 12pt }
</style>
</head>
<body>
<table border="1">
  <tr><td width="50%" class="nonFixed">Lupo</td>
      <td width="50%" class="nonFixed">Some additional text</td>
  </tr>
</table>
<br>
<table border="1">
  <tr><td class="fixed">Lupo</td>
      <td class="fixed">Some additional text</td>
  </tr>
</table>
</body>
</html>