Glosario · El código · Fase 0
Tipografía
El dibujo de las letras de un texto. Cada tipografía es un archivo que el navegador necesita tener para poder pintar las letras con esa forma.
✦Apagada: responde bien la pregunta del final para encenderla
También lo verás como: tipografía · tipografías · fuente tipográfica · fuentes tipográficas · Google Fonts
Analogía
La letra de una persona. El mensaje es el mismo; cambia la mano que lo escribe, y con ella el tono: formal, cercano, moderno.
De dónde saca el navegador las letras
| Opción | Cómo funciona | Coste |
|---|---|---|
| Del sistema | usa una que ya trae el aparato del visitante | cero: carga instantánea |
| Tuya, alojada con la web | el archivo de la tipografía va con tu proyecto | una petición más, a tu propio servidor |
| De un tercero (Google Fonts) | se pide a los servidores de otra empresa | una dependencia externa |
Para qué sirve / cuándo aparece
- La tercera opción es la que la IA elige por costumbre, y es una dependencia: si ese servicio va lento, tu texto tarda en aparecer, y el visitante queda registrado en servidores ajenos.
- En la carta de la Fase 2 la regla es ninguna tipografía externa: se usa la del sistema.
- Una tipografía pesa: cada estilo (normal, negrita, cursiva) es otro archivo que descargar.
Compruébalo tú
DevTools → Network → filtro Font → recarga una web. Verás qué tipografías descarga y desde qué dominio.
Comprueba que lo entendiste
La IA añade una tipografía cargada desde Google Fonts "para que quede mejor". ¿Qué ha añadido en realidad?
Ver también
CSS · dependencia · DevTools