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