Cuando se trata de diseñar y desarrollar cualquier tipo de sitio web, es importante tener en cuenta la tipografía. Las fuentes correctas pueden marcar una gran diferencia en la apariencia y la funcionalidad de un sitio. Una fuente bien elegida puede mejorar la legibilidad, la claridad y la accesibilidad de un sitio, lo que a su vez puede atraer y retener a más usuarios. Una solución popular para seleccionar fuentes en la web es utilizar fuentes de Google. Estas fuentes son gratuitas, de alta calidad y fáciles de implementar en los sitios web. Sin embargo, si deseas mejorar aún más la velocidad de tu sitio y tener un mayor control sobre tus fuentes, puedes alojar las fuentes de Google localmente mediante el uso de un plugin.
Un plugin es un programa que se instala en tu sitio web para agregar funcionalidades específicas. En el caso de las fuentes de Google, el plugin te permitirá descargar y alojar las fuentes en tu propio servidor, lo que reducirá la cantidad de solicitudes externas a los servidores de Google y mejorará la velocidad de carga de tu sitio. Para ello, sigue los siguientes pasos:
Paso 1: Descarga e instala el plugin de alojamiento de fuentes de Google
Lo primero que necesitas hacer es buscar y descargar un plugin de WordPress que te permita alojar las fuentes de Google localmente. Si bien hay varios disponibles, el más popular es «Use Any Font». Una vez descargado, debes instalarlo en tu sitio web siguiendo los pasos indicados por el plugin.
Paso 2: Obtén la clave API de Google Fonts
Después de instalar el plugin, necesitas obtener una clave API de Google Fonts para poder descargar y utilizar las fuentes. Para ello, debes crear una cuenta en Google Developers y seguir los pasos para obtener tu clave API. Una vez obtenida, deberás insertarla en la página de configuración del plugin en tu sitio web.
Paso 3: Descarga las fuentes de Google
Luego de tener el plugin y la clave API configurados, es hora de descargar las fuentes que deseas utilizar en tu sitio web. Para ello, ve a la sección de fuentes en tu sitio de Google Fonts, selecciona las fuentes que deseas y descarga los archivos .ttf o .woff. Una vez descargados, deberás subirlos al plugin mediante su botón de «Agregar fuentes».
Paso 4: Utiliza las fuentes en tu sitio web
Finalmente, llegó el momento de usar tus fuentes alojadas localmente en tu sitio web. Esto se puede hacer a través de CSS, utilizando la sintaxis @font-face y especificando la ruta de la fuente alojada en tu servidor en lugar de la URL de Google Fonts. Si utilizas un constructor de páginas como Elementor o Visual Composer, puedes seleccionar tus fuentes directamente desde el plugin al insertar un nuevo elemento de texto.