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).