UIAccess logo skip navigation, jump to content| Home| About| Resources| Links| Site Map|

Different Font Sizes

Sidebar to On Scalable Text.

Relative fonts
with styles

This font not specified.


This font is 100%


This test is 1em

This font is 2ex


This font is larger

This font is smaller

Absolute fonts
with styles

This font not specified.

This font is 12pt

This font is 20px

This font is 20

This font is 0.15in

This font is 0.4cm

This font is 4mm

This font is 1pc

Font settings
in HTML

This font not specified.


This font is small

This font is big


This font is +1

This font is 1

This font is -1

Discussion

IE 5.5 for Windows

In IE 5.5 for Windows, all of the font above looks approximately the same size with Font Size set to medium. With Font Size set to Smallest:

Converting from one unit to another

If you are converting from one unit to another, the table at the top can help you see equivalents. When I changed the Optavia site from em to %, some the the equivalents were:
font-size (%) font-size (em) Selector
165% 1.7em h1
125% 1.3em, 1.1em h2
87% 0.85em body
175% 1.8em quote
100% 1em [top list]

For more information (from W3C)

More font sizes in styles

[column repeated from
above for comparison]

This font not specified.

This font is 100%

This test is 1em

This font is 2ex

This font is larger

This font is smaller

This font is xx-small

This font is x-small

This font is small

This font is medium

This font is large

This font is x-large

This font is xx-large


separator
| Home | About | Resources | Links | Site Map |