Cómo almacenar fuentes Google localmente

Cada vez más temas utilizan las conocidas como Google Fonts, o fuentes de Google, para de este modo no tener que almacenar localmente fuentes que, teóricamente, cargarán más rápido desde Google y, de paso, que todo usuario de la web pueda visualizarlas aunque no las tenga instaladas en su ordenador.

Pero puedes conseguir el efecto contrario pues, en ocasiones, los analizadores de velocidad pueden mostrar errores precisamente con las Google Fonts, bien porque se producen retardos al cargarse remotamente, o incluso en ocasiones porque se han cambiado rutas a las fuentes, que también pasa.

Una alternativa a la que puedes acogerte es alojar las fuentes Google que necesites en tu propio servidor, con lo que eliminas cargas remotas y la posibilidad de errores de cambios de ruta en las fuentes como he comentado.

Para ello puedes servirte de una utilidad llamada Google Webfonts Helper, que te permite elegir la fuente que quieres descargar, y especificar los estilos a aplicar.

google-fonts-helper-1

A continuación solo tienes que hacer lo siguiente:

  1. Copiar el CSS que te ofrece la utilidad en la hoja de estilos de tu tema activo.
  2. Descargar la fuente y descomprimir el zip.
  3. Alojar los archivos descargados en la carpeta fonts de tu servidor (la creas si no existe)

google-fonts-helper-2

Si quieres, puedes incluso personalizar la ruta donde alojar las fuentes en la misma página de la utilidad y, a medida que introduces la ruta, se cambia automáticamente el código. Simplemente acuérdate de que la ruta exista o sino la creas.

cambiar-ruta-fuentes-en-google-webfonts-helper

Ahora solo te queda eliminar la llamada externa a las Google Fonts en la cabecera de tu tema activo y habrás reducido las llamadas externas a CSS.

Nota: Otra opción sería alojar las fuentes en tu CDN, pero para el poco tamaño de las fuentes normalmente te penaliza más el hecho de realizar las llamadas a recursos y CSS externos en los análisis de velocidad.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (12 votos, promedio: 12,58 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Al dejar un comentario se solicitan datos como tu correo y nombre que se almacenan en una cookie para que no tengas que volver a completarlos en próximas visitas. Para enviar un comentario debes aceptar nuestra política de privacidad | Responsable de los datos: Fernando Tellado García | Finalidad: Gestión y moderación de comentarios | Legitimación: Tu consentimiento expreso | Destinatario: Disqus (acogido a EU-US Privacy Shield) | Derechos: Tienes derecho al derecho al acceso, rectificación, supresión, limitación, portabilidad y olvido de sus datos

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para almacenar tu nombre, correo, IP y demás datos que dejas en los formularios de comentarios, contacto, acceso y tus preferencias de privacidad.

AUTH_KEY, SECURE_AUTH_KEY, LOGGED_IN_KEY, NONCE_KEY, comment_author, comment_author_email, comment_author_url, rated, gdpr, gawdp

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid
cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform
_ga, _gid

¿Quieres cerrar tu cuenta?

Se cerrará tu cuenta y todos los datos se borrarán de manera permanente y no se podrán recuperar ¿Estás seguro?

Pin It on Pinterest