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. 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: Cómo obtenerañadir fuentesuna fuente de Google Fonts para usar en Wakaprint

1️⃣1. BuscarIr la fuente ena Google Fonts

    2. Buscar la fuente

    • EnUsa la barra de búsqueda,squeda en la parte superior y escribe el nombre de la fuente que deseasdeseas, usar (por ejemplo: Roboto).

    3. Abrir la página de la fuente

    • Haz clic sobre la fuente que quieras para veren los resultados de búsqueda.

    • Se abrirá su página con:

      • Vista previa de la fuente.

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

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

    • 2️⃣4. Seleccionar el estilo

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

    5. Obtener ella fuente

    • Haz clic en nombreGet oficialfont.

    • 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. El nombre oficial esCopiar el queenlace aparecedirectamente endesde lael parte superiorbotón de Share.

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

    • Respétalo exactamente como aparece, con mayúsculas y espacios.

      • Ejemplos:

        • Roboto → font-family: 'Roboto', sans-serif;

        • Roboto Condensed → font-family: 'Roboto Condensed', sans-serif;

        • Open Sans → font-family: 'Open Sans', sans-serif;

      • 3️⃣ Obtener la⚠️ URLImportante: deEste la fuente

      1. En la misma página de la fuente, selecciona los estilos que quieres usar.

      2. En la secciónenlace EmbedNO (generalmenteincluye aetiquetas la derecha), copia el enlaceHTML <link>, solo es la URL directa de Google Fonts que tenecesitas dapara GoogleWakaprint. Fonts.

        • Ejemplo:


          <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap" rel="stylesheet">

      3. La URL que necesitas es lo que está dentro de href:


        https://fonts.googleapis.com/css2?family=Roboto:italwght,wght@0,100;0,400;0,700;1,100;1,400;1,700@400&display=swap

        4. 7.

      Añadir
      la

      4️⃣ Pegar los datosfuente en Wakaprint

        • EnInserta este enlace directo en el ajustediseñador según las instrucciones de fuentesWakaprint.

          de
          • tu
        tienda
        Wakaprint,

        ✅ pega:Resumen clave:

        • Solo se puede añadir una fuente cada vez en Nombre de la fuente:Wakaprint el nombre oficial copiado (por ejemplo Roboto).

        • 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 fuente:página de la URLfuente), quesin copiastelas deetiquetas Google Fonts<link>.

      1. Guarda los cambios y revisa que la fuente se aplique correctamente.



    Back to top