0%
Inicio / css / Texto y fuentes

Texto y fuentes

20 min
Principiante

Propiedades de fuente

  • font-family: qué tipografía usar. Se pueden listar varias, separadas por coma — si la primera no está disponible en el dispositivo, el navegador prueba la siguiente.
  • font-size: el tamaño (ver Lección 5, unidades).
  • font-weight: el grosor — normal, bold, o un número (400 es normal, 700 es bold).
  • font-style: normal o italic.
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
}
strong {
    font-weight: bold;
}

sans-serif al final de la lista es una familia genérica (cualquier fuente sin remates) — una red de seguridad si ninguna de las fuentes específicas está disponible.

Probá vos: fuente

Ponele a body una font-family con al menos dos opciones separadas por coma, y hacé que h1 tenga font-weight: bold.

Propiedades de texto

  • text-align: alineación horizontal — left, center, right, justify.
  • line-height: la altura de cada línea de texto. Un valor como 1.6 (sin unidad) suele hacer que párrafos largos se lean más cómodos que con el valor por defecto.
  • text-decoration: agrega o quita decoraciones — underline (subrayado), none (nada, muy usado para quitarle el subrayado por defecto a los enlaces).
  • text-transform: cambia mayúsculas/minúsculas sin tocar el texto real en el HTML — uppercase, lowercase, capitalize.
a {
    text-decoration: none;
}
p {
    line-height: 1.6;
    text-align: justify;
}

Probá vos: texto

Quitale el subrayado al enlace (a) y centrá el párrafo (p).

Cargando...