Descripción /
Módulo para instalar fuentes de Google Fonts en Magento 2
MAGENTO 2 · TIPOGRAFÍA · GOOGLE FONTS
Dale a tu tienda el carácter propio de tu marca.
Kowal Google Fonts Installer
Añade el código de inserción de Google Fonts en el panel de Magento y utiliza la fuente elegida en el tema. Separa la configuración de carga de la fuente de los ajustes tipográficos de la plantilla.
Código de inserción · Configuración en el panel · Tipografía del tema
CÓMO FUNCIONA EN LA PRÁCTICA
01 · Eliges la fuente En Google Fonts preparas el código de inserción de la fuente seleccionada.
02 · Guardas la configuración Activas el módulo y pegas el código en el campo google_fonts.
03 · Configuras el tema Asignas la familia de la fuente en los estilos e implementas los cambios.
¿Qué gana tu tienda?
Descubre las funciones, el uso y la configuración del módulo.
Conoce el módulo
El módulo Kowal Google Fonts Installer es una solución que permite integrar fácilmente cualquier fuente de la biblioteca Google Fonts en tu tienda Magento 2. Gracias a una interfaz sencilla e intuitiva, puedes instalar y configurar rápidamente una nueva fuente, adaptando el aspecto de la tienda a las necesidades de tu marca.
Funciones del módulo
Instalación de cualquier fuente de Google Fonts
Copia el código de inserción de la fuente desde Google Fonts, el llamado Embed code, y pégalo en el formulario de configuración del módulo.
Personalización sencilla de variables LESS
Tras instalar la fuente, puedes sustituir rápidamente el nombre de la fuente en la variable LESS, por ejemplo:
@font-family-name__base: 'Roboto';
De este modo, la nueva fuente se aplicará en toda la plantilla.
Interfaz sencilla e intuitiva
El módulo está diseñado para que su configuración sea fácil incluso para personas sin experiencia en programación.
Compatibilidad con Magento 2
El módulo funciona en Magento versión 2.4.7 y anteriores.
Disponible dentro del paquete Kowal Theme
El módulo está disponible como parte de Kowal Theme, lo que lo convierte en una opción ideal para usuarios que utilizan esta plantilla.
Forma de implementar el módulo
Instalación del módulo
Instala el módulo en tu tienda Magento 2 siguiendo las instrucciones disponibles en la documentación del módulo.
Configuración de la fuente
Accede al panel de administración de Magento 2.
Ve a la sección de configuración del módulo, por ejemplo Kowal Google Fonts.
Copia el código de inserción de la fuente desde Google Fonts y pégalo en el campo correspondiente.
Guarda los cambios.
Sustitución de variables LESS
Abre los archivos LESS de tu plantilla.
Busca la variable @font-family-name__base y actualízala indicando el nombre de la fuente instalada.
Recompila los archivos LESS para que los cambios sean visibles.
Verificación del funcionamiento
Abre el frontend de la tienda para comprobar que la nueva fuente se ha implementado correctamente.
Aspecto de la tienda y paquete Kowal Theme
¿Por qué elegir el módulo Kowal Google Fonts Installer?
Con este módulo puedes adaptar fácilmente el aspecto visual de tu tienda Magento 2, mejorando la experiencia de usuario y aumentando la estética de la página. El módulo permite ahorrar tiempo al eliminar la necesidad de añadir código manualmente en los archivos de la plantilla.
Compra ahora en paquete con la plantilla Kowal Theme y consigue acceso a esta y a muchas otras herramientas útiles que optimizan el funcionamiento de tu tienda Magento 2.
Carga de la fuente y ajustes del tema
En Stores → Configuration → Kowal → kowalfonts → settings activas el módulo y guardas el código de Google Fonts. Los ajustes funcionan a nivel de vista de tienda. El módulo envía el código guardado a la cabecera de la página.
La asignación de la fuente a los elementos de la tienda se realiza en los estilos del tema. Para temas que utilizan LESS, cambias @font-family-name__base y recompilas los estilos; los temas con otro sistema de estilos requieren la configuración adecuada para ellos. El módulo no descarga automáticamente los archivos de fuentes para alojamiento local.
Instalación mediante Composer
Paquete: kowal/module-fonts; módulo: Kowal_Fonts. Tras configurar el acceso al repositorio de Kowal, instala el paquete, activa el módulo, ejecuta la actualización de Magento y limpia la cache. Para el modo de producción, incluye la compilación y el despliegue de contenido estático conforme al proceso de la tienda.
De la configuración al resultado
1. Eliges la fuente En Google Fonts preparas el código de inserción de la fuente seleccionada.
2. Guardas la configuración Activas el módulo y pegas el código en el campo google_fonts.
3. Configuras el tema Asignas la familia de la fuente en los estilos e implementas los cambios.
Una fuente, una presentación coherente
Ejemplo para un tema LESS: añades el código de inserción de Roboto y, a continuación, configuras @font-family-name__base: 'Roboto'; en los estilos del tema.
Tras recompilar y desplegar el contenido estático, compruebas los encabezados y los textos de la tienda. El módulo añade el código de la fuente, mientras que el aspecto de los elementos lo define el tema.
* En el entorno de producción, utiliza la opción --keep-generated
Tipo: Composer
El módulo está disponible en el repositorio composer:
Repositorio Composer de Kowal: https://repo.kowal.store
Añade el repositorio composer a la configuración:
Recibirás por correo electrónico los datos de acceso al repositorio Composer (dirección de e-mail del cliente y token de licencia) después de la compra. También están disponibles en el panel de cliente tras iniciar sesión en kowal.store. Sustituye TWOJ_EMAIL_KLIENTA por la dirección de e-mail de tu cuenta y TWOJ_TOKEN por el token recibido. Ejecuta los comandos en el directorio raíz de Magento.
¿El módulo permite añadir fácilmente fuentes de Google Fonts a una tienda basada en Magento 2 sin editar manualmente el tema?
Respuesta
Sí — el módulo permite seleccionar fuentes de Google Fonts en el panel de administración e incluirlas automáticamente en la tienda, sin necesidad de editar directamente los archivos del tema.
Pregunta
¿Puedo elegir familias de fuentes concretas y variantes («light», «bold», «italic») en la configuración del módulo?
Respuesta
Sí, el módulo suele ofrecer la posibilidad de elegir la familia de fuente y asignarla a una clase CSS o a un área de la tienda, y permite especificar las variantes de la fuente (grosor, estilo).
Pregunta
¿La instalación del módulo requiere modificar los archivos del núcleo de Magento o de la plantilla?
Respuesta
No — el módulo funciona como una extensión compatible con la arquitectura de Magento 2 y no requiere sobrescribir archivos core del sistema ni realizar una intervención profunda en el tema.
Pregunta
¿Después de instalar el módulo puedo asignar una fuente a distintas partes de la tienda (encabezados, contenido, botones)?
Respuesta
Sí — la configuración del módulo permite asignar fuentes a distintas áreas de la tienda, como encabezados, textos de contenido o botones, lo que permite adaptar la tipografía al estilo de la marca.
Pregunta
¿El módulo es compatible con tiendas con varias vistas de tienda («multi-store»)?
Respuesta
Sí, el módulo puede utilizarse en un entorno Magento 2 con varias store views o tiendas, y las configuraciones de fuentes pueden ser independientes para distintas vistas de tienda.
Pregunta
¿Añadir fuentes de Google Fonts puede influir en la velocidad de carga de la tienda y el módulo lo tiene en cuenta?
Respuesta
Sí: cargar fuentes desde un servicio externo puede afectar al rendimiento. El módulo suele incluir recomendaciones u opciones de optimización (por ejemplo, cargar las fuentes de forma asíncrona, limitar el número de variantes). Siempre conviene probar la tienda después de la instalación.
Pregunta
¿Puedo configurar una fuente del sistema como alternativa si Google Fonts no se carga correctamente?
Respuesta
Sí: las buenas prácticas tipográficas recomiendan configurar una fuente de reserva («fallback»), y el módulo normalmente permite asignar un conjunto de fuentes en estilo CSS con alternativas.
Pregunta
¿El módulo tiene en cuenta las cuestiones relacionadas con la privacidad y el RGPD al cargar fuentes de Google?
Respuesta
Sí — aunque el módulo permite añadir fácilmente Google Fonts, hay que tener en cuenta las cuestiones legales; por ejemplo, cargar fuentes desde el CDN de Google puede, en determinadas circunstancias, requerir el consentimiento del usuario o alojar las fuentes localmente.
Pregunta
¿Puedo usar archivos de fuentes localmente en lugar de cargarlos directamente desde Google?
Respuesta
Aunque la funcionalidad principal del módulo se centra en Google Fonts, según la documentación puede ser posible configurar fuentes locales; conviene verificarlo con el fabricante.
Pregunta
¿Después de comprar el módulo recibo soporte técnico y actualizaciones?
Respuesta
Sí, ofrecemos soporte técnico y acceso a actualizaciones para los módulos.
