Aquí pongo un ejemplo cuando nuestro navegador web utiliza una fuente inicial de 12pt=16px=1em=100%. Por desgracia, esta medida se puede tomar como media legible, pero cada navegador distribuye opta por tipografías y estilos muy diferentes.
Mozilla Firefox, Safari y Google Chrome (Times New Roman 16px); Internet Explorer (10 a 16px con Arial, verdana y Times New Roman); en Opera varían muchísimo sus estilos, utilizando mucho un los 13,5pt = 18px.
¿Qué ventajas tiene trabajar en medidas relativas? Básicamente que podamos observar un comportamiento web responsivo, es decir, todas las medidas varian en tamaño al mismo tiempo en función de la tipografía asignada por defecto a BODY.
La tendencia es tomar medidas em, pero en un artículo de Kyle Schaeffer señala las ventajas de utilizar porcentaje %.
Y si comparamos las representaciones de fuentes entre PC y Mac, debemos tener en cuenta el uso de familias tipográficas parecidas (artículo de referencia).