CSS: propiedad de tamaño de fuente

Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.

CSS: propiedad de tamaño de fuente

Este tutorial de CSS explica cómo usar una propiedad de CSS llamada tamaño de fuente Con sintaxis y ejemplos.

describir

La propiedad CSS font-size define el tamaño de la fuente.

sintaxis

La sintaxis de la propiedad CSS de tamaño de fuente es:

font-size: value;

parámetro o parámetro

valor

tamaño de fuente. Puede ser uno de los siguientes:

valor describir
estable valor fijo en px, em, …
p {tamaño de fuente: 12px; }
p {tamaño de fuente: 14em; }
porcentaje valor porcentual
p { tamaño de fuente: 75%; }
xx pequeño, x pequeño, pequeño, mediano, grande, x grande, xx grande El tamaño de fuente de la palabra clave varía de xx-pequeño a xx-grande,
donde medio es el tamaño predeterminado
p { tamaño de fuente: grande; }
más pequeño, más grande Un tamaño de fuente que es más grande o más pequeño que el tamaño de fuente de su elemento principal
p { tamaño de fuente: más grande; }
heredar El elemento heredará el tamaño de fuente de su elemento principal
p { tamaño de fuente: heredado; }

notas

  • Cuando el tamaño de fuente se especifica como un valor fijo en em, el tamaño se determina en relación con el tamaño de fuente del elemento principal. Por ejemplo, 0,75 em sería el 75 % del tamaño de fuente del elemento principal.
  • Cuando el tamaño de fuente se especifica como un porcentaje, es relativo al tamaño de fuente del elemento principal.
  • Si estos elementos se representan en em, cambiar el tamaño de fuente de un elemento puede afectar el tamaño de fuente de otros elementos.

Compatibilidad del navegador

La propiedad CSS font-size tiene soporte básico para los siguientes navegadores:

  • Aleación de cromo
  • androide
  • Firefox (Geco)
  • Firefox móvil (Geco)
  • Navegador de Internet (IE)
  • es decir, móvil
  • ópera
  • Ópera Móvil
  • Safari (WebKit)
  • Safari para móvil

ejemplo

Discutiremos la propiedad de tamaño de fuente a continuación, explorando ejemplos de cómo usarla en CSS.

usar valor fijo

Veamos un ejemplo de tamaño de fuente CSS donde establecemos el tamaño de fuente con un valor fijo.

span { font-size: 14px; }

En este ejemplo de tamaño de fuente CSS, vamos a El tamaño de fuente de la etiqueta se establece en 14px.

porcentaje de uso

A continuación, veamos un ejemplo de tamaño de fuente CSS donde establecemos el tamaño de fuente usando porcentajes.

p { font-size: 90%; }

En este ejemplo de tamaño de fuente CSS, vamos a

El tamaño de fuente del marcador se establece en el 90 % del tamaño de fuente de su elemento principal.

usar palabras clave

Veamos un ejemplo de tamaño de fuente CSS donde establecemos el tamaño de fuente usando palabras clave

p { font-size: x-small; }

En este ejemplo de tamaño de fuente CSS, vamos a

El tamaño de fuente de la etiqueta se establece en x-pequeño, que es dos tamaños de fuente más pequeños que el tamaño predeterminado (mediano).

(Visited 8 times, 1 visits today)