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

Opción B.

Clic


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 iconoel irhistórico a página. Llevará ade la página de laGoogle fuente.Fonts. Copiar laPara urlello delhacer navegadorclic deen estabotón página.Select Verall imagen 2.

 fonts.

image.png

 

image.pngimage.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 obtener fuentes de Google Fonts para Wakaprint

1️⃣ Buscar la fuente en Google Fonts

  1. Abre tu navegador y ve a https://fonts.google.com.

  2. En la barra de búsqueda, escribe el nombre de la fuente que deseas usar (por ejemplo: Roboto).

  3. Haz clic sobre la fuente que quieras para ver los estilos disponibles (Regular, Bold, Italic, etc.).

2️⃣ Obtener el nombre oficial de la fuente

  1. El nombre oficial es el que aparece en la parte superior de la página de la fuente.

  2. 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 URL de la fuente

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

  2. En la sección Embed (generalmente a la derecha), copia el enlace <link> que te da Google 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:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap

4️⃣ Pegar los datos en Wakaprint

  1. En el ajuste de fuentes de tu tienda Wakaprint, pega:

    • Nombre de la fuente: el nombre oficial copiado (por ejemplo Roboto)

    • URL de la fuente: la URL que copiaste de Google Fonts

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



Back to top