Es posible que tu sitio de WordPress esté cargando Google Fonts sin que lo sepas.
Muchos temas extraen automáticamente estas fuentes de los servidores de Google, lo que puede ralentizar tu sitio web y generar preocupaciones de privacidad para los visitantes en ciertas regiones.
La buena noticia es que deshabilitar Google Fonts es más fácil de lo que crees y, de hecho, puede mejorar el rendimiento de tu sitio.
A lo largo de los años trabajando con sitios de WordPress, hemos descubierto que eliminar estas solicitudes de fuentes externas a menudo acelera los tiempos de carga y te da más control sobre la apariencia de tu sitio.
En esta guía, te mostraremos 2 métodos sencillos para deshabilitar Google Fonts en tu sitio web de WordPress, ya sea que quieras usar fuentes del sistema en su lugar o alojar tu tipografía localmente.
¿Por qué deshabilitar Google Fonts en tu sitio web de WordPress?
La tipografía que eliges para tu sitio web de WordPress juega un papel importante en su diseño e identidad de marca. Es por eso que muchos propietarios de sitios web personalizan su tipografía utilizando Google Fonts.
Sin embargo, cargar demasiadas fuentes tendrá un impacto negativo en el rendimiento de WordPress. Es por eso que te recomendamos que elijas solo dos fuentes y las uses en todo tu sitio web.
Alternativamente, puedes deshabilitar Google Fonts por completo y simplemente usar las fuentes del sistema que vienen con la computadora del usuario. Se ven geniales y cargan mucho más rápido, especialmente para usuarios con una conexión lenta.
Por eso decidimos deshabilitar Google Fonts cuando rediseñamos el sitio web de WPBeginner. Queríamos facilitar que todos aprendieran WordPress y hicieran crecer su presencia en línea, incluso si tu conexión a internet no es la mejor.
Deshabilitar Google Fonts puede no ser la decisión correcta para todos los sitios web de negocios o blogs. Sin embargo, si tienes visitantes de áreas con mala calidad de internet, esta es una forma en que puedes ofrecer una mejor experiencia de usuario.
Además, existen problemas de privacidad con Google Fonts que podrían hacer que tu sitio web no cumpla con leyes como el GDPR. Deshabilitar Google Fonts reduce el riesgo de que tu sitio sea sorprendido violando cualquier ley internacional de privacidad.
Dicho esto, veamos cómo deshabilitar Google Fonts en WordPress.
Deshabilitar Google Fonts en WordPress con un plugin
Primero, necesitas instalar y activar el plugin Disable and Remove Google Fonts. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Al activarse, el plugin deshabilitará automáticamente todas las fuentes de Google utilizadas por tu tema y plugins. No necesita ser configurado.
Ahora WordPress usará automáticamente una fuente predeterminada en lugar de cualquier Google Font que se estuviera utilizando. Debes revisar cuidadosamente tu sitio web para asegurarte de que estás satisfecho con las fuentes que se están usando ahora.
Si desea elegir diferentes fuentes, consulte nuestra guía sobre cómo cambiar las fuentes en tu tema de WordPress.
Desactivar Google Fonts en OptinMonster
OptinMonster es el mejor plugin de generación de leads para WordPress, y más de 1.2 millones de sitios web utilizan el software para hacer crecer su lista de correo electrónico, aumentar las ventas y obtener más leads.
También lo usamos en WPBeginner para crear pop-ups de boletines y hemos tenido una excelente experiencia. Para obtener más información, puede ver nuestra reseña de OptinMonster.
Sin embargo, la herramienta utiliza Google Fonts de forma predeterminada. Por suerte, es fácil deshabilitarlas.
Deshabilitar Google Fonts en Campañas Individuales de OptinMonster
Primero, debes visitar el sitio web de OptinMonster e iniciar sesión en tu Panel de Campañas. Después de eso, necesitas hacer clic en una campaña y luego hacer clic en el botón ‘Editar Campaña’.
Esto abrirá el Generador de Campañas de OptinMonster.
A continuación, debes hacer clic en el ícono ‘Configuración’ en la esquina inferior izquierda de la barra del pie de página.
En el panel lateral, debes seleccionar la pestaña ‘Avanzado’.
Ahora puedes desplazarte hacia abajo hasta la sección ‘Configuración de Visualización’ y desactivar ‘Habilitar fuentes web?’ a la posición de apagado.
Una vez que hagas clic en el botón ‘Guardar’ en la parte superior de la pantalla, las fuentes de terceros se deshabilitarán para esa campaña.
Necesitarás repetir estos pasos para cada otra campaña de la que quieras eliminar Google Fonts.
Deshabilitar Google Fonts para Todas las Campañas de OptinMonster
Si te sientes cómodo agregando fragmentos de código JavaScript a tu sitio, entonces puedes deshabilitar Google Fonts en todas las campañas de OptinMonster a la vez.
Para deshabilitar Google Fonts en todas las campañas, necesitas agregar este fragmento en el encabezado o pie de página de tu sitio web:
<script type="text/javascript">
document.addEventListener('om.Scripts.init', function(event) {
event.detail.Scripts.enabled.fonts.googleFonts = false;
});
</script>
Si deseas deshabilitar todas las fuentes web, incluidas Google Fonts y FontAwesome, entonces deberías agregar este fragmento de código:
<script type="text/javascript">
document.addEventListener('om.Scripts.init', function(event) {
event.detail.Scripts.enabled.fonts = false;
});
</script>
La forma más fácil de agregar esos fragmentos de código es con WPCode, el plugin de fragmentos de código más potente disponible para WordPress. Te permite agregar fácilmente código personalizado a cualquier área de tu sitio, y lo mejor de todo, es gratis.
Primero, necesitas instalar y activar el plugin gratuito WPCode. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Una vez activado, debes ir a Snippets de código » Encabezados y Pie de página.
Simplemente pega el fragmento de código en el campo Encabezado y luego haz clic en el botón ‘Guardar Cambios’.
Preguntas frecuentes: Desactivar Google Fonts en WordPress
Aquí hay algunas preguntas que nuestros lectores hacen con frecuencia sobre cómo desactivar Google Fonts en WordPress:
¿Desactivar Google Fonts es bueno para el SEO o el rendimiento?
Desactivar Google Fonts puede mejorar ligeramente el rendimiento de tu sitio al reducir las solicitudes externas, especialmente en conexiones lentas o dispositivos móviles. Un sitio web más rápido generalmente contribuye a un mejor SEO.
Sin embargo, el impacto suele ser pequeño a menos que tu sitio use muchas variaciones de fuentes. Si te enfocas en la optimización de velocidad o el cumplimiento del GDPR, desactivarlas tiene sentido.
¿Desactivar Google Fonts romperá el diseño de mi sitio?
Podría cambiar la apariencia de tu texto, especialmente si tu tema depende en gran medida de fuentes personalizadas para su estilo. Pero tu sitio no se romperá ni fallará. Para mantener un diseño limpio:
- Reemplaza Google Fonts con fuentes del sistema seguras para la web como Arial, Georgia o Helvetica
- O, descarga y aloja las Google Fonts localmente para que aún puedas usar la misma tipografía sin hacer solicitudes a Google
De esta manera, conservas tu diseño mientras mejoras la privacidad y la velocidad.
¿Cómo puedo saber si mi tema de WordPress está usando Google Fonts?
Para averiguar si tu tema está cargando Google Fonts, puedes usar herramientas como:
- Herramientas de desarrollador en tu navegador (busca
fonts.googleapis.comen la pestaña Red) - GTmetrix, o PageSpeed Insights (revisa la lista de solicitudes externas)
- Plugins de WordPress como Asset CleanUp o Query Monitor
Si detectas una llamada a fonts.googleapis.com o fonts.gstatic.com, entonces tu sitio está cargando fuentes de Google.
Guías expertas sobre fuentes en WordPress
Esperamos que este tutorial te haya ayudado a aprender cómo deshabilitar Google Fonts en tu sitio web de WordPress. También puedes consultar otros artículos relacionados con las fuentes en WordPress:
- Cómo hacer que Google Fonts sea amigable con la privacidad
- Cómo agregar fuentes personalizadas en WordPress
- Cómo agregar fuentes web de Google en temas de WordPress de la manera "correcta"
- Cómo cambiar fuentes en tu tema de WordPress
- Cómo Alojar Fuentes Locales en WordPress para un Sitio Web Más Rápido
- Cómo cambiar fácilmente el tamaño de fuente en WordPress
- Cómo cambiar el color del texto en WordPress
- Los Mejores Plugins de Tipografía de WordPress para Mejorar tu Diseño
- Cómo agregar tipografía increíble en WordPress con Typekit
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Jiří Vaněk
Gracias por la gran perspectiva sobre cómo la tipografía puede afectar la velocidad del sitio web. Al principio, yo también estaba frustrado porque PageSpeed Insights me mostraba una velocidad menor, en parte debido a la carga de recursos de Google (fuentes, reCaptcha, etc.). Deshabilitarlos es una opción que puede ayudar mucho. Finalmente, decidí subir Google Fonts a FTP y cargarlas localmente, lo que también puede ser una alternativa. Esto me ayudó con la velocidad y al mismo tiempo me permitió usar fuentes de Google.