Tipografía: Tamaño de letra (font-size)

Una vez seleccionado el tipo de letra, se puede modificar su tamaño mediante la propiedad font-size.

Además de todas las unidades de medida relativas y absolutas y el uso de porcentajes, CSS permite utilizar una serie de palabras clave para indicar el tamaño de letra del texto. El valor por defecto para esta propiedad es medium.

1.- Si la propiedad se trata con tamaños absolutos:

xx-small, x-small, small, medium, large, x-large, xx-large.

2.- Si la propiedad se trata con tamaños relativos:

larger, smaller: toman como referencia el tamaño de letra del elemento padre.

Sirva la siguiente imagen de ejemplo, donde se muestra una comparativa visual de las distintas unidades para indicar el tamaño de texto:

CSS recomienda indicar el tamaño del texto en la unidad em o en porcentaje (%). Además, es habitual indicar el tamaño del texto en puntos (pt) cuando el documento está específicamente diseñado para imprimirlo.

Por defecto los navegadores asignan los siguientes tamaños a los títulos de sección:
<h1> = xx-large
<h2> = x-large
<h3> = large
<h4> = medium -> Igual que el tamaño te texto por defecto
<h5> = small
<h6> = xx-small

REFERENCIA

CSS

SELECTORES

COLORES

BOX MODEL

FONDOS

POSICIONAMIENTO

VISUALIZACIÓN

TIPOGRAFÍA

TEXTO

ENLACES

IMÁGENES

LISTAS

TABLAS

FORMULARIOS

LAYOUT

Ejercicios

ANEXO