Las tipografías son un elemento fundamental del diseño web en WordPress. Una buena elección de fuentes puede mejorar la legibilidad y la estética de cualquier sitio web de Latinoamérica, por eso vamos a mostrarles cómo agregar una fuente a WordPress de forma sencilla y rápida.
Métodos para agregar fuentes en WordPress
Existen diferentes métodos para agregar una fuente en WordPress, ¡todos igual de válidos!
Uso de Google Fonts
Google Fonts es un servicio gratuito que ofrece una gran selección de fuentes que podrán utilizar en cualquier proyecto web. Para ello, deberán seleccionar las fuentes desde la biblioteca de Google Fonts y luego integrarlas en tu sitio WordPress mediante código o plugins.
Uso de fuentes personalizadas
También es posible utilizar fuentes de terceros o incluso diseños propios. Esto les permitirá darle un toque único a su web. Para ello, pueden subir los archivos de las fuentes a su servidor y luego integrarlas usando CSS.
Uso de fuentes del sistema
Para agregar fuente a WordPress sin cargar archivos externos, pueden usar una ‘pila’ de fuentes del sistema: tipografías ya instaladas en el dispositivo del visitante.
Para eso, deben aplicar una regla como: ‘body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }’. Pueden hacerlo en el editor del sitio o bien yendo a ‘Apariencia’, haciendo clic sobre la opción ‘Personalizar’ y acto seguido sobre ‘CSS adicional’. Así, el navegador probará cada opción hasta encontrar una disponible.
Este método es sencillo, rápido y compatible con la mayoría de temas. Además, evita solicitudes a servidores externos, por lo que resulta útil para blogs, tiendas en línea o páginas corporativas que priorizan velocidad, legibilidad, accesibilidad y mantenimiento simple diario.
Cómo agregar Google Fonts en WordPress
Hay varias formas de agregar Google Fonts en WordPress, ambas muy sencillas: utilizando un plugin o hacerlo manualmente.
Usando un plugin
Si desean una integración sencilla, pueden usar plugins como Easy Google Fonts o WP Google Fonts para instalar una fuente en WordPress siguiendo estos pasos:
- Ir al panel de administración de WordPress.
- Acceder al apartado ‘Plugins’ y clicar sobre ‘Añadir nuevo’.
- Buscar ‘Easy Google Fonts’, hacer clic en ‘Instalar ahora' y activar el plugin.
- Ir a ‘Apariencia’ y seleccionar ‘Personalizar’.
- Acceder a la sección ‘Tipografía’ que habrá agregado el plugin.
- Seleccionar el texto que desean estilizar y elegir una fuente de Google Fonts.
- Ajustar parámetros como el tamaño, el peso y el color, guardar y publicar los cambios.
Método manual
Si prefieren cargar fuentes en WordPress desde Google Fonts de forma manual, necesitarán seguir esta otra guía:
- Ir a la biblioteca de Google Fonts y seleccionar una fuente.
- Copiar el link de integración que les proporcionará el servicio.
- Acceder al archivo ‘functions.php’ de su tema a través del editor de temas o de un cliente FTP.
- Agregar el siguiente código para incluir la fuente en su tema:
function custom_add_google_fonts() {
wp_enqueue_style( 'custom-google-fonts', 'URL_DE_LA_FUENTE', false );
}
add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts' );
- Reemplazar ‘URL_DE_LA_FUENTE’ con la URL de la fuente que copiaron.
- Guardar los cambios y comprobar que la fuente se haya aplicado correctamente.
Cómo subir fuentes personalizadas a WordPress
Si han llegado hasta estas líneas buscando cómo subir una fuente a WordPress personalizada, les gustará saber que es sencillo con la guía adecuada.
Preparación de la fuente
Lo primero es convertir su fuente a formatos web como WOFF o WOFF2 para garantizar su compatibilidad con los navegadores, y herramientas como Font Squirrel y Transfonter son excelentes para esta tarea.
Estos softwares les permitirán subir su archivo de fuente y descargarlo en los formatos necesarios para la web.
Subir la fuente al servidor
Pueden subir sus archivos de fuentes directamente a la biblioteca de medios de WordPress.
- Vayan a ‘Medios’ y pulsen sobre ‘Añadir nuevo’ en su panel de administración de WordPress para subir sus archivos de fuentes.
- Pueden usar un cliente FTP, como FileZilla, para subir los archivos directamente a una carpeta en su servidor, como wp-content/themes/su-tema/fonts.
Implementación en el tema
Una vez que los archivos de fuentes están en el servidor, necesitarán declarar la fuente en su archivo CSS. Para hacerlo, abran el archivo ‘style.css’ de su tema y agreguen el siguiente código:
@font-face {
font-family: 'MiFuentePersonalizada';
src: url('http://tu-sitio-web.com/wp-content/themes/su-tema/fonts/su-fuente.woff2') format('woff2'),
url('http://su-sitio-web.com/wp-content/themes/su-tema/fonts/su-fuente.woff') format('woff');
font-weight: normal;
font-style: normal;
}
Después, pueden usar esta fuente en sus estilos CSS como en el siguiente ejemplo:
body {
font-family: 'MiFuentePersonalizada', sans-serif;
}
Esto aplicará la fuente personalizada a todo el texto dentro del elemento ‘<body>’ de su página web, justo lo que querían!
Uso de un plugin para fuentes personalizadas
Si prefieren no tocar el código, pueden usar un plugin de fuentes para WordPress como Use Any Font, que permite subir y aplicar fuentes personalizadas de forma sencilla.
- Instalar y activar el plugin desde el catálogo de WordPress.
- Conseguir una clave API gratuita registrándose en la web del plugin.
- Ir a ‘Use Any Font’ en el menú de ajustes de WordPress.
- Subir su archivo de fuente en formatos como TTF, OTF o WOFF.
- Asignar la fuente a elementos específicos de su web usando la interfaz del plugin.
- Personalizar ajustes como el peso y estilo de la fuente.
Mejores plugins de fuentes para WordPress 2026
Elegir plugins confiables les ayudará a cambiar la fuente en WordPress sin tocar código ni poner en riesgo el mantenimiento del sitio.
- Fonts Plugin: Integra Google Fonts WordPress, Adobe Fonts y cargas propias, con vista previa en vivo para personalizar fuentes en WordPress rápidamente.
- Custom Fonts: Permite alojar fuentes en su servidor y elegir Google Fonts, reduciendo solicitudes externas.
- OMGF: Cachea fuentes de Google localmente, detecta variantes y mejora privacidad y velocidad.
Optimización de fuentes para velocidad web
Optimizar fuentes en WordPress evita que una tipografía WordPress bonita ralentice la primera impresión. Compriman, limiten variantes y carguen únicamente lo necesario para mejorar experiencia, SEO técnico y conversiones en móviles.
Además, contar con el hosting WordPress de GoDaddy hará que sus resultados sean mucho mejores en este sentido.
Cómo las fuentes afectan el rendimiento
Cada archivo de fuente debe ser descargado antes de mostrarse. Si usan muchas familias, pesos o idiomas, el navegador tendrá que trabajar más y el texto puede aparecer tarde, cambiar de tamaño o mover elementos.
En conexiones móviles, esta demora se nota más durante la navegación.
Font-display y preload de fuentes
Font-display indica al navegador qué hacer mientras llega la fuente: mostrar texto con una alternativa o esperar. En cuanto a preload, avisa de que una fuente crítica, como la del título visible, debe descargarse antes.
Úsenlos solo en archivos realmente importantes para evitar cargas innecesarias en cada página.
Problemas comunes y soluciones
Si las fuentes no se cargan, comprueben que las URLs sean correctas y que los archivos estén en el formato adecuado. Además, verifiquen que los permisos del servidor permiten el acceso a estos archivos.
Respecto a los errores de compatibilidad entre navegadores, utilicen formatos de fuentes compatibles como WOFF y WOFF2. ¡Y prueben su web en varios navegadores y dispositivos para asegurarse de que las fuentes se rendericen correctamente!
Además, recuerden que el hosting WordPress de GoDaddy les garantizará el mejor funcionamiento y el máximo tiempo de actividad para su proyecto web en cualquier parte del mundo.
Fuentes no se muestran correctamente
Si las fuentes de WordPress no aparecen, limpien caché, comprueben que el plugin esté activo y revisen la URL del archivo. Además, confirmen formatos compatibles como WOFF2 o WOFF, así como que el tema no sobreescriba el CSS.
Por último, prueben en una pestaña de incógnito para descartar la caché local del navegador.
Problemas de licencia
Antes de subir una fuente de marca, revisen si la licencia permite uso web, comercial y número de dominios o páginas vistas. Google Fonts suele permitir uso comercial, pero las tipografías compradas varían.
Guarden comprobantes y eviten compartir archivos sin permiso, les ahorrará más de un problema. ¡Y más de dos!
Preguntas frecuentes sobre fuentes en WordPress
¿Puedo usar cualquier fuente en WordPress sin problemas de licencia?
No siempre, por eso es importante que antes de usar una tipografía revisen su licencia. Algunas permiten uso comercial, otras limitan sitios web, vistas mensuales o redistribución. Google Fonts ofrece fuentes abiertas, pero aún así conviene verificar las condiciones de cada una.
¿Qué plugin de fuentes es el más recomendado para WordPress en 2026?
Fonts Plugin es una opción sólida y fiable porque integra Google Fonts, Adobe Fonts y carga de fuentes propias desde el personalizador, sin código. Aun así, si buscan cómo agregar una fuente a WordPress con bloques, prueben primero la Biblioteca de fuentes nativa de WordPress 6.5 o superior.
¿Cuántas fuentes debo usar en mi sitio?
Lo ideal es usar una o dos familias: una para titulares y otra para textos. Añadir más fuentes complica la lectura, aumenta descargas y afecta negativamente a la coherencia visual del sitio.
