Hoy en día, se utiliza un espacio de em para definir el tamaño de punto actual de la fuente. Por ejemplo, un tipo de 12 puntos tiene un espacio de 12 puntos, lo que también significa que cada espacio es de 12 puntos.
Los diseñadores web o cualquier persona que trabaje con CSS generalmente se introducen en la medición de em cuando definen el tamaño de las fuentes. Los valores de Em definen el tamaño relativo de sus fuentes para ayudarles a cambiar el tamaño en relación con el tamaño de fuente predeterminado del navegador o el tamaño de fuente del sitio web.
Por ejemplo, en los siguientes ejemplos de diferentes tamaños de em, el 1em es del mismo tamaño que el texto en esta página. Aumentar el em a un 2em efectivamente duplica el tamaño de la fuente y 0.5 reduce el tamaño de la fuente a la mitad.
Ejemplos
Aquí hay un ejemplo de 2em.
Aquí hay un ejemplo de 1em.
Aquí hay un ejemplo de 0.5 em.
Código HTML
El tamaño de la fuente em se puede colocar en una etiqueta de estilo HTML o dentro del código CSS. A continuación se muestra un ejemplo de la especificación de un tamaño de fuente em en una etiqueta de párrafo HTML.
Aquí hay un ejemplo de 2em
A continuación se muestra un ejemplo de CSS aplicado a todas las etiquetas de párrafo. Como se ve en el ejemplo, el em no está limitado a los tamaños de fuente. También se puede usar para definir espaciado, relleno, altura de línea y otras configuraciones.
p {font: 1.09em; altura de la línea: 1.7em; relleno: 0 7em 2em 0; } Em, Em dash, En espacio, Tamaño de letra, Medición, Términos de tipografía