font-size

Índice

Definición de .font-size aplicado en CSS

La propiedad .font-size especifica el tamaño o altura de la fuente. .font-size afecta no solo la fuente a la que se aplica, sino que también se usa para calcular el valor de las unidades de longitud EM, REM y EX.

Caso de uso : propiedad CSS font-size

Si quieres utilizar esta propiedad de CSS en tu stylesheet, hazlo de esta forma:

p {
  font-size: 20px;
}

Otro ejemplo más avanzado de .font-size es el siguiente de CODEPEN:

Sintaxis de .font-size en CSS

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;

Valores

Valor Descripción Manifestación
medio Establece el tamaño de fuente en un tamaño mediano. esto es por defecto
xx-pequeño Establece el tamaño de fuente en un tamaño xx-pequeño
extra pequeño Establece el tamaño de fuente en un tamaño extra pequeño
pequeña Establece el tamaño de fuente en un tamaño pequeño
largo Establece el tamaño de fuente en un tamaño grande
extragrande Establece el tamaño de fuente en un tamaño extra grande
xx-grande Establece el tamaño de fuente en un tamaño xx grande
menor Establece el tamaño de fuente a un tamaño más pequeño que el elemento principal
más grande Establece el tamaño de fuente a un tamaño mayor que el elemento principal
longitud Establece el tamaño de fuente en un tamaño fijo en px, cm, etc.
% Establece el tamaño de fuente en un porcentaje del tamaño de fuente del elemento principal
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento padre.

Exploradores compatibles con .font-size

Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.

Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
font-size-adjust Not supported Not supported 3.0 Not supported Not supported

Bibliografía

Puede que también quieras echar un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso
logotipo bisign
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Para más información, por favor echa un vistazo a nuestra política de privacidad