A veces tenemos líos y no sabemos si usar em o px para designar el tamaño de nuestras fuentes. Yo recomiendo em ya que los píxeles a día de hoy son menos compatibles con los navegadores (Hay una mínima diferencia pero cada navegador suele variar el tamaño del texto con los píxeles). Mientras que con EM esto no ocurre generalmente. Ya publicamos una entrada anteriormente para convertir cualquier unidad absoluta en relativa, pero con esta calculadora que vamos a mostrar a continuación, el proceso será mucho más sencillo.
Esta calculadora es una pequeña herramienta desarrollada en Javascript que nos ayudará a convertir píxeles a unidades em relativas que están basadas en el tamaño del texto dado.
Ver la herramienta EM Calculator.
Actualización: Desde los comentarios, JHMorales nos expone un método recomendado para no liarse al convertir desde px a EM. Consiste en insertar en la etiqueta body este código:
body {
font-size: 62.5%;
}
De esta forma 10px equivaldrá a 1 EM, y a su vez, 1.4 EM equivaldrán a 14px.
Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!
en este caso es recomendable hacer el diseño designando, en css en el body, el font-size en 62.5%, que hace equivalente 1em a 10px. De esa manera cuando pones 1.4em es como si pusieras 14px y te ahorras quebraderos de acbeza con cálculos