Cuando tu sitio usa una fuente de Google «a la antigua», el navegador de cada visitante tiene que conectarse a fonts.googleapis.com y luego a fonts.gstatic.com antes de poder mostrar el texto con esa tipografía. Eso significa:
- Más tiempo de carga: dos conexiones extra a otros dominios.
- Privacidad: la dirección IP de cada visitante llega a Google. En Europa, esto ya generó multas. En Chile, la nueva ley de protección de datos personales (Ley 21.719, que empieza a regir en diciembre de 2026) también exige cuidar qué datos compartes con terceros.
Alojar las fuentes en tu propio servidor resuelve las dos cosas.
Temas de bloques: la biblioteca de fuentes
Desde WordPress 6.5, los temas de bloques tienen una biblioteca de fuentes integrada que descarga las fuentes de Google y las guarda en tu sitio:
- Ve a Apariencia → Editor → Estilos y abre Tipografía.
- Haz clic en el ícono para gestionar fuentes.
- En la pestaña de instalación, WordPress te pedirá permiso para conectarse a Google Fonts una sola vez, para mostrarte el catálogo.
- Elige la fuente y solo las variantes que vas a usar (por ejemplo, normal 400 y negrita 700). Instálala.
- Asígnala a los textos y títulos en Tipografía.
Las fuentes quedan guardadas en wp-content/uploads/fonts/ y se sirven desde tu dominio.
También puedes subir tus propios archivos de fuente (.woff2) desde la misma pantalla, en la pestaña Subir. Útil si compraste una tipografía o la descargaste de otro sitio.
Temas clásicos: a mano
1. Descarga los archivos
Descarga la fuente en formato .woff2 (es el más liviano y lo soportan todos los navegadores actuales). La página de cada fuente en Google Fonts permite descargarla; hay herramientas en línea que te entregan directamente los .woff2 y el CSS listo.
2. Súbelos a tu tema hijo
Crea una carpeta fuentes dentro de tu tema hijo y sube los archivos, por ejemplo inter-400.woff2 e inter-700.woff2.
3. Declara las fuentes en el CSS del tema hijo
@font-face {
font-family: "Inter";
src: url("fuentes/inter-400.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("fuentes/inter-700.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
body {
font-family: "Inter", system-ui, sans-serif;
}font-display: swap hace que el texto aparezca de inmediato con una fuente del sistema y cambie a la tuya cuando cargue, en vez de quedar invisible.
4. Desactiva la carga desde Google
Muchos temas tienen una opción para desactivar Google Fonts en el personalizador. Si no la tienen, busca en el tema el nombre del archivo que carga la fuente (wp_enqueue_style con una URL de fonts.googleapis.com) y quítalo desde el tema hijo con wp_dequeue_style() usando su identificador.
Comprueba que ya no carga nada de Google
Abre tu sitio en una ventana de incógnito, presiona Ctrl + U y busca fonts.googleapis y fonts.gstatic. No debería aparecer ninguno. Revisa también la pestaña Red de las herramientas del navegador, filtrando por font.
Algunos plugins (constructores, sliders, formularios) cargan sus propias fuentes de Google aunque tu tema no lo haga. Si siguen apareciendo, busca en sus ajustes una opción de «fuentes locales» o «desactivar Google Fonts».
Consejo de rendimiento
Cada variante (normal, cursiva, negrita, seminegrita) es un archivo más. Dos variantes de una fuente suelen bastar. Y si te da lo mismo la tipografía exacta, las fuentes del sistema (system-ui) no pesan nada y se ven bien en todos los dispositivos.
¿Tu sitio sigue cargando fuentes de Google y no sabes desde dónde? Comparte la URL en el foro y buscamos al responsable.
