Build in Font Flexibility to Pages using the ems Unit

Friday, January 4th, 2008

Fonts are an integral and essential part of the web page experience for your users. Commonly, designers use pixels as the measurement for determining the size of a font on-screen. Dreamweaver provides a selection of measurement options, but it is ems that is a popular choice due to its flexibility. The ems unit is essentially resizable, for browsers that support this, and their size is relative to a user’s font size preference. For example, if the size of font in the body tag is determined as 100%, all further text is relative to this point. This can be reduced or increased, i.e. 90%, to suit a page design as required. Styling text so that is 0.5ems means that it will always be half the size of the base text. On the opposite scale, 2.0 ems text will always be twice the size of the base text.

Popularity: 22%

About Office-it.orG

This is a site to share my knowledge, discovery and experience related to my hobby and work. Most articles on this site are related to web design, web development, graphic design, short reviews, tips and tricks. I sometimes write some about Microsoft Office Application too.

Want to subscribe?

RSS Subscribe in a reader Or, subscribe via email:
Enter your email address:  
Find entries :