Difficulty Level: BeginnerIn this tutorial, I’ll try to explain what the difference between px, em, rem, pt, and %; how & why they’ve been used; and what the future holds concerning CSS font sizing.
Download VideoExternal Resources
- A List Apart: How to Size Text in CSS – This great article (albeit from 2007) describes (with screenshots) the difference in how browsers render fonts
- Kyle Schaeffer: CSS Font-Size: em vs px vs pt vs % – This article succinctly sums up the whole CSS font sizing thing
- Jonathan Snook: Font Sizing with rem – Snook’s solution for all browsers
- InsertHTML: A Rundown of CSS3 Units and their uses – This heavily underrated blog is the first place I saw an in-depth breakdown of rem
