Skip to main content

86. Añadir fuentes para el diseñador

Desde  Ajustes-> Catálogo-> Se accede a Fuentes para el diseñador.

image.png


1. Cómo añadir una fuente de Google Fonts para usar en Wakaprint

1.1 Cómo obtener nombre y url de la fuente de Google Fonts

1.1.1  Ir a Google Fonts

1.1.2. Buscar la fuente

      • Usa la barra de búsqueda en la parte superior y escribe el nombre de la fuente que deseas, por ejemplo: Roboto.

1.1.3  Abrir la página de la fuente

      • Haz clic sobre la fuente en los resultados de búsqueda.

      • Se abrirá su página con:

        • Vista previa de la fuente.

        • Opciones de estilos (Regular, Bold, Italic, etc.).

        • Campo para escribir texto y ver cómo se ve con la fuente y estilo seleccionado.

1.1.4  Seleccionar el estilo

      • Haz clic en el estilo que deseas añadir al diseñador de Wakaprint.

1.1.5 Obtener la fuente

      • Haz clic en botón Get font.

      • Se abrirá una página con la información de la fuente en la que se muestra el botón tipo icono texto "Share".  Observación importante: Comprobar tener seleccionada  únicamente la fuente que se va  a usar, y eliminar cualquier otra del panel de selección.

1.1.6 Copiar el enlace correcto

      • En la interfaz de Share, hay dos opciones para obtener el enlace que  se necesita:


        A. Copiar el enlace directamente desde el botón de Share.
        B. Ir a la página de la fuente y copiar la URL desde la barra del navegador.


         

      • ⚠️ Importante: Este enlace NO incluye etiquetas HTML <link>, solo es la URL directa del navegador la que se necesita para Wakaprint.
        Ejemplo;
        https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap

7. Añadir la fuente en Wakaprint

  • Inserta este enlace directo en el diseñador según las instrucciones de Wakaprint.


Resumen clave:

  • Solo se puede añadir una fuente cada vez en Wakaprint.

  • Asegúrate de seleccionar únicamente la fuente que vas a usar antes de copiar el enlace.

  • Copia siempre el enlace directo de la fuente (ya sea desde Share o desde la URL de la página de la fuente), sin las etiquetas <link>.




1.2 Añadir una fuente de Google Fonts para uso con el diseñador 


image.png

1.1 Clic en botón crear una fuente. 

1.2 Añadir en el campo nombre el nombre de la fuente de Google Fonts. Lo encuentras en la URL, después de family=.

Ejemplo: family=Roboto+Condensed. Eso significa que el nombre original es: Roboto Condensed

1.3 Obtener de la página de Google Fonts la url de la tipografía.

Ir  a la página oficial: https://fonts.google.com

Usa la barra de búsqueda (arriba) y escribe el nombre de la fuente que quieras, por ejemplo: Roboto.

image.png

Hacer clic sobre la fuente en los resultados. Se abrirá su página con una vista previa y opciones de estilos (regular, bold, italic, etc.). Dispone de un campo para escribir un texto y verlo con la fuente y estilo seleccionado.


image.png

Clic en el estilo de la fuente a añadir al diseñador.

image.png


Clic en botón "Get font".

image.png

Clic en botón icon + texto Share (Compartir).


image.png

Opción A. Clic en icono copiar url.


image.png



Antes de copiar la url asegurarse que solo se obtiene la url de una fuente y no de todas las que se han guardado en el histórico de la página de Google Fonts.  Para ello hacer clic en botón Select all fonts.

image.png

1.4 Copiar url y pegar en el campo llamado "enlace".

1.5 Clic en botón actualizar para guardar la fuente.


📝 Manual: 

1. Ir a Google Fonts

2. Buscar la fuente

  • Usa la barra de búsqueda en la parte superior y escribe el nombre de la fuente que deseas, por ejemplo: Roboto.

3. Abrir la página de la fuente

  • Haz clic sobre la fuente en los resultados de búsqueda.

  • Se abrirá su página con:

    • Vista previa de la fuente.

    • Opciones de estilos (Regular, Bold, Italic, etc.).

    • Campo para escribir texto y ver cómo se ve con la fuente y estilo seleccionado.

4. Seleccionar el estilo

  • Haz clic en el estilo que deseas añadir al diseñador de Wakaprint.

5. Obtener la fuente

  • Haz clic en Get font.

  • Se abrirá la ventana de Share con la información de la fuente.

Observación importante: En Wakaprint, al añadir fuentes para diseñador, solo se puede añadir una fuente cada vez, no múltiples. Por ello, asegúrate de seleccionar únicamente la fuente que vas a usar y eliminar cualquier otra del panel de selección.

6. Copiar el enlace correcto

  • En Share, tienes dos opciones para obtener el enlace que necesitas:

    1. Copiar el enlace directamente desde el botón de Share.

    2. Ir a la página de la fuente y copiar la URL desde la barra del navegador.

  • ⚠️ Importante: Este enlace NO incluye etiquetas HTML <link>, solo es la URL directa de Google Fonts que necesitas para Wakaprint. Ejemplo:


https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap

7. Añadir la fuente en Wakaprint

  • Inserta este enlace directo en el diseñador según las instrucciones de Wakaprint.


Resumen clave:

  • Solo se puede añadir una fuente cada vez en Wakaprint.

  • Asegúrate de seleccionar únicamente la fuente que vas a usar antes de copiar el enlace.

  • Copia siempre el enlace directo de la fuente (ya sea desde Share o desde la URL de la página de la fuente), sin las etiquetas <link>.