Cómo desactivar Google Fonts en WordPress

Google Fonts es una biblioteca de fuentes que permite a los sitios web cargar fuentes personalizadas alojadas en los servidores de Google. Es un servicio gratuito con el que es muy fácil trabajar. Si bien usarlos es conveniente, existen situaciones y razones por las que es posible que deba deshabilitar las fuentes de Google en WordPress.

Podría deberse a problemas de privacidad, como el seguimiento de datos por parte de Google, o a mejoras de rendimiento, como la reducción de los tiempos de carga mediante la eliminación de recursos externos. El cumplimiento del GDPR (Reglamento General de Protección de Datos) podría ser otra razón impulsiva para los propietarios de sitios europeos.

Por lo tanto, administrar las fuentes de su sitio web en WordPress es crucial para el rendimiento, la privacidad y el cumplimiento legal del sitio.

Cuándo y por qué desactivar Google Fonts

Aumento de rendimiento:

El estilo de fuente utilizado en su sitio web afecta su experiencia de usuario y diseño. Con la amplia personalización de fuentes disponible que es fácil de usar, muchas personas optan por Google Fonts. Sin embargo, cargar demasiadas fuentes puede afectar la velocidad de tu sitio web.

Cada vez que se carga una página, tiene que hacer una solicitud externa a los servidores de Google para obtener los archivos de fuentes. Estas solicitudes múltiples pueden ralentizar el tiempo de carga de la página. En cambio, al deshabilitar Google Fonts en WordPress, su sitio puede cargarse más rápido, incluso en áreas con mala conexión a Internet.

Por lo tanto, generalmente se recomienda usar hasta dos fuentes en su sitio web. Esto ayuda a mantener la coherencia y la legibilidad y a mejorar el rendimiento del sitio web. Alternativamente, puede deshabilitar las fuentes de Google y optar por fuentes del sistema para mejorar la velocidad de su sitio web.

Privacidad y cumplimiento del RGPD:

Google Fonts extrae recursos de servidores externos de Google. Estas solicitudes revelan datos de los visitantes, como direcciones IP, que pueden no cumplir con regulaciones específicas. Por lo tanto, deshabilitar las fuentes de Google ayuda a minimizar el riesgo de que su sitio viole cualquier ley internacional.

Por ejemplo, el uso de Google Fonts en países europeos puede infringir las quejas del RGPD. Según el GDPR, los sitios web deben proteger la información personal de sus visitantes, pero las fuentes de Google, que se cargan desde servidores externos, pueden recopilar información del usuario, como la dirección IP. Si se hace sin el consentimiento del usuario, podría violar el RGPD, lo que podría dar lugar a posibles multas.

Teniendo en cuenta las secuelas, el sitio web de la Autoridad Europea de Protección de Datos (SEPD) eliminó Google Fonts para cumplir con el GDPR y, al hacerlo, disminuyó el número de solicitudes externas. Este cambio dio como resultado una carga más rápida de la página y garantizó que el sitio cumpliera con las leyes de privacidad europeas, lo que benefició el rendimiento y la posición legal.

Consistencia:

Cuando utiliza fuentes externas, siempre existe la posibilidad de que se carguen incorrectamente para algunos usuarios. Esto puede afectar la apariencia y la tasa de rebote de su sitio. Sin embargo, deshabilitar Google Fonts garantiza un diseño más rápido y consistente para todos los usuarios en todo el mundo.

Dicho esto, exploremos algunas formas de desactivar Google Fonts en tu sitio de WordPress:

Deshabilitar Google Fonts en WordPress, usando un complemento

Muchos plugins en WordPress te ayudan a desactivar Google Fonts de una forma muy sencilla. Profundicemos en algunos de ellos a continuación:

1. Uso del complemento «Desactivar y eliminar Google Fonts»

Como su nombre indica, este plugin está diseñado específicamente para desactivar Google Fonts. Después de la instalación, funciona automáticamente en segundo plano para garantizar que Google Fonts ya no se cargue en su sitio.

A continuación, te explicamos cómo instalar y utilizar el plugin:

Paso 1: Ve a Plugins > Añadir Nuevo en tu panel de control de WordPress.

Paso 2: Busca «Desactivar y eliminar fuentes de Google». Instala y activa el plugin.

Paso 3: Una vez activado, el plugin funciona automáticamente y desactiva Google Fonts sin necesidad de configuración adicional.

Tras la activación, el plugin elimina automáticamente cualquier solicitud externa para cargar Google Fonts de tu sitio de WordPress. Si su tema o sitio web depende en gran medida de Google Fonts, la tipografía de su sitio se revertirá a las fuentes del sistema, lo que podría alterar ligeramente la apariencia de la fuente. Por lo tanto, verifique el diseño en el momento de la activación para ver si cumple con sus estándares.

En general, el plugin ofrece una forma rápida y sencilla de eliminar Google Fonts de WordPress sin codificación ni configuraciones complejas.

2. Optimización automática

Autoptimize es un potente plugin de optimización del rendimiento cuya característica más destacada es la desactivación de Google Fonts. A continuación, te explicamos cómo puedes utilizar el plugin Autoptimize para desactivar Google Fonts:

Paso 1: Instala y activa Autoptimize desde tu panel de control de WordPress

Paso 2: Configurar Optimización automática para deshabilitar Google Fonts. Tras la activación, vaya a Configuración > de optimización automática.

Paso 3: En la sección de opciones Extra , busca la opción Eliminar fuentes de Google. Marca la casilla situada junto a Eliminar Google Fonts para impedir que Google Fonts se cargue en tu sitio.

Una vez configurado, puede guardar los cambios y vaciar la caché para aplicar la nueva configuración. Pruebe su sitio web para asegurarse de que su tipografía y diseño cumplan con sus estándares.

En resumen, Autoptimize proporciona una forma fácil y fácil de usar para deshabilitar Google Fonts, al tiempo que ayuda a que su sitio se cargue más rápido y cumpla con la privacidad.

3. Cuestiones de rendimiento

Al igual que Autoptimize, Perfmatters es otro complemento de optimización del rendimiento de WordPress que ayuda a deshabilitar Google Fonts en WordPress.

A continuación, te explicamos cómo desactivar Google Fonts con Perfmatters:

Paso 1: Instalar y activar Perfmatters

Paso 2: Después de la activación, vaya a Ajustes > de rendimiento.

Paso 3: Vaya a la pestaña Fuentes . Desplázate hasta que encuentres la sección Fuentes de Google .

Paso 4: Cambia el interruptor a Desactivar Google Fonts. Esto evitará que Google Fonts se cargue en su sitio web.

Por último, guarde los cambios y borre la caché para asegurarse de que los cambios surtan efecto. En resumen, Perfmatters proporciona una forma eficiente de deshabilitar Google Fonts con un esfuerzo mínimo al tiempo que mejora la velocidad y la privacidad de su sitio web.

4. Prensa voladora

FlyingPress es un plugin premium de WordPress que ofrece un conjunto de funciones de optimización del rendimiento, incluida la desactivación de Google Fonts.

A continuación, te explicamos cómo desactivar Google Fonts con FlyingPress:

Paso 1: Instala y activa FlyingPress: Compra, instala y activa el plugin.

Paso 2: Ve a Configuración: Ve a Configuración de FlyingPress > en tu panel de control de WordPress.

Paso 3: En la pestaña Hinchazón , activa la opción Desactivar Google Fonts.

Guarde los cambios y elimine la caché para asegurarse de que los cambios se realicen de inmediato.

5. Cohete WP

WP Rocket es otra herramienta de optimización del rendimiento y una de sus características es la optimización de Google Fonts.

A continuación, te explicamos cómo optimizar Google Fonts con WP Rocket:

Paso 1: Instala y activa WP Rocket: Compra, instala y activa WP Rocket desde el sitio web oficial.

Paso 2: Deshabilitar Google Fonts: En la pestaña de optimización de archivos , desplácese hasta la sección de archivos CSS y marque la casilla Eliminar Google Fonts.

Paso 3: Guarda los cambios y borra tu caché.

WP Rocket simplifica la eliminación de Google Fonts, lo que lo convierte en una opción ideal para cualquiera que busque mejorar el rendimiento y la privacidad de su sitio web con el mínimo esfuerzo.

Desactivar Google Fonts en WordPress sin un plugin

Si no prefieres usar un plugin, puedes eliminar manualmente Google Fonts en tu sitio web de WordPress. Esto se puede hacer desde la configuración de tu tema de WordPress o mediante el uso de un tema hijo.

1. Deshabilite Google Fonts a través de la configuración del tema

Muchos temas de WordPress vienen con opciones integradas para desactivar automáticamente Google Fonts sin necesidad de plugins o códigos adicionales.

A continuación, te explicamos cómo puedes desactivar Google Fonts de tus temas de WordPress:

• Ir a Apariencia> Personalízalo en tu panel de control de WordPress.

• Vaya a la sección Tipografía o Fuentes .

• Cambia las opciones de fuente de Google Fonts a fuentes del sistema (como Arial, Helvetica o Georgia).

• Guarde y publique los cambios.
• Borre su caché y pruebe el sitio para asegurarse de que se apliquen los cambios y de que Google Fonts ya no se cargue.

Si tu tema no permite desactivar Google Fonts, es posible que tengas que utilizar un plugin o un código personalizado en el archivo functions.php de tu tema para dejar de cargarlos.

2. Deshabilite la fuente de Google usando las opciones del tema secundario: fuentes del sistema

Para inhabilitar Google Fonts con un tema hijo, sigue estos pasos:

• Crea un tema hijo si aún necesitas hacerlo. Alternativamente, vaya a Editor de archivos de tema de apariencia> para llegar a la carpeta secundaria.

• Agregue un archivo functions.php y style.css en la carpeta del tema secundario.

• Agregar código para inhabilitar Google Fonts: En el archivo functions.php, agregue:

function remove_google_fonts() {
    wp_dequeue_style('your-theme-google-fonts'); 
    wp_deregister_style('your-theme-google-fonts'); 
}
add_action('wp_enqueue_scripts', 'remove_google_fonts', 20);

• Reemplácelo 'your-theme-google-fonts' con el identificador específico para las fuentes de Google de su tema si es necesario.
• Reemplácelo con fuentes del sistema: Después de deshabilitar Google Fonts, asegúrese de que su tema use fuentes del sistema o locales. Puedes definirlos en tu archivo de style.css del tema hijo. Este método eliminará las fuentes de Google de su tema y las reemplazará con fuentes del sistema de carga más rápida.

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

4. Prueba: Revisa tu sitio web para asegurarte de que las fuentes de Google ya no se carguen.

Cómo autoalojar Google Fonts en tu propio servidor

El autoalojamiento de Google Fonts significa descargar fuentes de Google y usarlas directamente desde su servidor. No será necesario enviar solicitudes externas para cargar las fuentes de Google aquí. Esto le da más control sobre el rendimiento y la seguridad de su sitio web, ya que elimina la dependencia de servidores de terceros.

Puede reemplazar las fuentes de Google descargándolas y sirviéndolas como fuentes seguras para la web directamente desde su sitio web. Aquí tienes una guía rápida:

• Descargar Google Fonts: Visite Google Fonts y descargue los archivos de fuentes (generalmente formatos .woff o .woff2) en su computadora.
• Sube fuentes a tu servidor: Sube las fuentes descargadas al directorio de tu sitio web. Una ubicación típica es /wp-content/uploads/fonts/ o una carpeta de fuentes en el directorio de tu tema.

• Integrar fuentes localmente: Ahora que tus fuentes están cargadas en la carpeta de fuentes, debes vincularlas en el archivo de style.css de tu tema.

• Reemplace YourFontName por el nombre real de la fuente y actualice las rutas de acceso de los archivos en consecuencia.

@font-face {
    font-family: "YourFontName";
    src: url("/wp-content/uploads/fonts/YourFontName.woff2") format("woff2"),
         url("/wp-content/uploads/fonts/YourFontName.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

• Ahora que la fuente está cargada en su servidor, debe aplicarla a los elementos de su sitio web.

body {
    font-family: "YourFontName", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "YourFontName", sans-serif;
}

Esta configuración te ayudará a alojar Google Fonts, mejorando el rendimiento del sitio al eliminar las solicitudes de fuentes externas y dándote un control total sobre la carga de fuentes en tu sitio web.

Deshabilitar fuentes externas de Google:

Elimine o bloquee las fuentes de Google que se cargan externamente editando el archivo de functions.php de su tema o usando un complemento como OMGF

Plugin OMGF (Optimize My Google Fonts)

El plugin OMFG se utiliza para autoalojar Google Fonts.

El plugin OMGF (Optimize My Google Fonts) es una solución popular y sencilla para autoalojar Google Fonts. Escanea su sitio, descarga las fuentes y reemplaza las solicitudes externas con versiones alojadas localmente, todo sin requerir intervención manual.

• Instala el plugin: Ve a Plugins > Añadir Nuevo en tu panel de control de WordPress y busca OMGF. Instálalo y actívalo.

• Configura el plugin: Ve a Configuración > Optimizar Google Fonts y ejecuta la detección de fuentes.

• Fuentes autoalojadas: El plugin descargará las fuentes y comenzará a servirlas localmente de forma automática.

Una vez completada la configuración, el plugin garantiza que tus fuentes se carguen más rápido, mejorando la velocidad de la página y evitando solicitudes de terceros a los servidores de Google.

Al autoalojar fuentes utilizando plugins como OMGF o descargar e integrar fuentes manualmente localmente, obtienes un mejor control sobre el rendimiento y la privacidad de tu sitio, al tiempo que garantizas el cumplimiento de regulaciones como el RGPD.

Probar tu sitio después de inhabilitar Google Fonts

Después de inhabilitar o reemplazar Google Fonts, debes probar tu sitio para ver si hay mejoras en la coherencia del diseño y el rendimiento.

Revisa la tipografía y el espaciado de tu sitio web para ver si cumplen con tus estándares. Verifica si las fuentes y el diseño se ven correctos después de eliminar Google Fonts. Además, utiliza herramientas como Google PageSpeed Insights y GTmetrix para comprobar cómo afecta la desactivación de Google Fonts a los tiempos de carga y al rendimiento de tu sitio.

Reflexiones finales

La desactivación de Google Fonts puede aportar importantes beneficios, como la mejora del rendimiento del sitio web, la mejora de la privacidad y un mayor control sobre el diseño. Tanto si optas por desactivarlas por completo como si autoalojas las fuentes localmente, es esencial probar diferentes soluciones y encontrar la que mejor se adapte a tus necesidades.

Preguntas frecuentes