Elimina Google Fonts, optimiza WordPress

Introducción

En la era digital actual, la privacidad y la velocidad son dos aspectos críticos para cualquier sitio web. Los temas de WordPress suelen depender de Google Fonts para agregar una variedad de tipografías atractivas a sus diseños. Sin embargo, la carga de fuentes desde Google Fonts puede ralentizar tu sitio y potencialmente comprometer la privacidad de tus visitantes. En este artículo, exploraremos cómo alojar tipografías localmente en WordPress para mejorar la velocidad y la privacidad de tu sitio.

¿Por qué eliminar Google Fonts?

Google Fonts es una herramienta muy útil para agregar variedad tipográfica a tus sitios web. Sin embargo, tiene algunas desventajas:

• Privacidad: Cuando se cargan fuentes desde Google Fonts, se envían datos de los visitantes a los servidores de Google. Esto puede ser un problema para aquellos que valoran la privacidad.
• Velocidad: La carga de fuentes desde Google Fonts puede ralentizar tu sitio, ya que se necesitan solicitudes adicionales al servidor de Google.

Cómo alojar tipografías localmente en WordPress

Alojar tipografías localmente en WordPress es un proceso relativamente sencillo. A continuación, te guiaremos a través de los pasos necesarios:

Paso 1: Descargar las fuentes

Primero, debes descargar las fuentes que deseas utilizar en tu sitio. Puedes hacer esto visitando el sitio web de Google Fonts y seleccionando las fuentes que deseas descargar. Una vez que hayas seleccionado las fuentes, haz clic en el botón "Descargar" y selecciona el formato de archivo que deseas descargar (por ejemplo, TTF, OTF, WOFF, etc.).

Paso 2: Subir las fuentes a tu sitio

Una vez que hayas descargado las fuentes, debes subirlas a tu sitio. Puedes hacer esto utilizando el panel de control de WordPress o mediante FTP. Si eliges utilizar el panel de control de WordPress, ve a la sección "Medios" y haz clic en el botón "Subir". Selecciona el archivo de fuente que deseas subir y haz clic en el botón "Subir".

Paso 3: Agregar las fuentes a tu tema

Una vez que hayas subido las fuentes, debes agregarlas a tu tema. Puedes hacer esto agregando el siguiente código a tu archivo style.css:

@font-face {
  font-family: 'Nombre de la fuente';
  src: url('ubicación de la fuente=eot');
  src: url('ubicación de la fuente=eot?#iefix') format('embedded-opentype'),
       url('ubicación de la fuente=woff2') format('woff2'),
       url('ubicación de la fuente=woff') format('woff'),
       url('ubicación de la fuente=ttf') format('truetype'),
       url('ubicación de la fuente=svg#Nombre de la fuente') format('svg');
  font-weight: normal;
  font-style: normal;
}

Reemplaza Nombre de la fuente con el nombre de la fuente que deseas agregar y ubicación de la fuente con la ubicación de la fuente en tu sitio.

Paso 4: Utilizar las fuentes en tu sitio

Una vez que hayas agregado las fuentes a tu tema, puedes utilizarlas en tu sitio agregando el siguiente código a tu archivo style.css:

body {
  font-family: 'Nombre de la fuente', sans-serif;
}

Reemplaza Nombre de la fuente con el nombre de la fuente que deseas utilizar.

Ventajas de alojar tipografías localmente

Alojar tipografías localmente en WordPress tiene varias ventajas:

• Privacidad: Al alojar las fuentes localmente, no se envían datos de los visitantes a los servidores de Google.
• Velocidad: La carga de fuentes localmente puede mejorar la velocidad de tu sitio, ya que no se necesitan solicitudes adicionales al servidor de Google.
• Control: Al alojar las fuentes localmente, tienes más control sobre la forma en que se cargan y se utilizan en tu sitio.

Comparativa de opciones para alojar tipografías localmente

A continuación, te presentamos una tabla comparativa de algunas opciones para alojar tipografías localmente en WordPress:

Conclusión

Alojar tipografías localmente en WordPress es una forma efectiva de mejorar la privacidad y la velocidad de tu sitio. Aunque requiere más esfuerzo para configurar, las ventajas son significativas. Al seguir los pasos descritos en este artículo, puedes alojar tipografías localmente en WordPress y mejorar la experiencia de tus visitantes.

Recursos adicionales

• Google Fonts
• WordPress Codex - @font-face
• W3Schools - @font-face

Preguntas frecuentes

P: ¿Por qué debo alojar tipografías localmente?

R: Alojar tipografías localmente puede mejorar la privacidad y la velocidad de tu sitio, ya que no se envían datos a Google y no se necesitan solicitudes adicionales al servidor de Google.

P: ¿Cómo puedo descargar fuentes desde Google Fonts?

R: Puedes descargar fuentes desde Google Fonts visitando el sitio web de Google Fonts y seleccionando las fuentes que deseas descargar. Una vez que hayas seleccionado las fuentes, haz clic en el botón "Descargar" y selecciona el formato de archivo que deseas descargar.

P: ¿Cómo puedo agregar fuentes a mi tema de WordPress?

R: Puedes agregar fuentes a tu tema de WordPress agregando el código @font-face a tu archivo style.css. Reemplaza Nombre de la fuente con el nombre de la fuente que deseas agregar y ubicación de la fuente con la ubicación de la fuente en tu sitio.

🚀 ¡Webgae Studio!

¿Listo para despegar?

Si buscas una web rápida, segura y diseñada para convertir, no busques más. Solicita tu presupuesto sin compromiso y llevemos tu negocio al siguiente nivel.

💜 ¡Comparte!

Compartir es vivir

Si te ha sido útil este artículo, compártelo con quien creas que le pueda interesar. ¡Me ayudas a seguir creando contenido!

Twitter Facebook LinkedIn WhatsApp