Tabla de contenido:
- Tamaños con nombre
- La unidad de porcentaje es una medida relativa utilizada para especificar la fuente en relación con su tamaño normal. Use 50% para hacer que una fuente tenga la mitad del tamaño que normalmente aparecería y 200% para que sea dos veces el tamaño normal. Use el símbolo% para indicar el porcentaje, como se muestra aquí:
- En la composición tipográfica tradicional, el em es una unidad de medida equivalente al ancho del carácter "m" en esa fuente. En el uso real de la web, es realmente otra forma de especificar el tamaño relativo de una fuente. Por ejemplo, 0. 5 ems es la mitad del tamaño normal, y 3 ems es tres veces el tamaño normal. El término se usa para especificar esta medida.
Video: Trabajo con Unidades de Medida en CSS 2025
La medición relativa es mucho más sabia elección que la medición absoluta en HTML5 y desarrollo web CSS3. Puede usar estos esquemas para cambiar los tamaños en relación con el tamaño estándar.
Tamaños con nombre
CSS tiene varios nombres de tamaño de fuente integrados:
xx-small
x-small
small
medium
large
x-large < xx-large
Puede molestarle que no haya nada más específico acerca de estos tamaños: ¿Qué tan grande es el tamaño? Bueno, es más grande que el medio. Eso suena como una respuesta flip, pero es la verdad. El usuario establece el tamaño de fuente predeterminado en el navegador, y todos los demás tamaños de fuente deben estar relacionados con este tamaño preestablecido. El tamaño mediano es el tamaño predeterminado del texto del párrafo en su página.
La unidad de porcentaje es una medida relativa utilizada para especificar la fuente en relación con su tamaño normal. Use 50% para hacer que una fuente tenga la mitad del tamaño que normalmente aparecería y 200% para que sea dos veces el tamaño normal. Use el símbolo% para indicar el porcentaje, como se muestra aquí:
p {font-size: 150%;}
Los porcentajes se basan en el tamaño predeterminado del texto ordinario, por lo que una etiqueta al 100% es del mismo tamaño que texto en un párrafo ordinario.
En la composición tipográfica tradicional, el em es una unidad de medida equivalente al ancho del carácter "m" en esa fuente. En el uso real de la web, es realmente otra forma de especificar el tamaño relativo de una fuente. Por ejemplo, 0. 5 ems es la mitad del tamaño normal, y 3 ems es tres veces el tamaño normal. El término se usa para especificar esta medida.
p {font-size: 1. 5em;}
Estas son las mejores estrategias para el tamaño de fuente:
-
La mayoría de las veces, los tamaños predeterminados del navegador están perfectamente bien, pero puede haber ocasiones en que desee ajustar las fuentes un poco más. Definir un tamaño global para la página.
-
Si desea definir un tamaño de fuente para toda la página, hágalo en la etiqueta. Use un tamaño, porcentaje o ems con nombre para evitar los efectos secundarios del tamaño absoluto. El tamaño definido en el cuerpo se aplica a cada elemento del cuerpo automáticamente. Modificar cualquier otro elemento.
-
Es posible que desee que sus enlaces sean un poco más grandes que el texto normal, por ejemplo. Puede hacer esto aplicando un atributo de tamaño de fuente a un elemento. Use una medida relativa si es posible.
