# 2.8.2.11 Fuentes para el diseñador

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-11/scaled-1680-/ry4image.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-11/ry4image.png)

<span style="font-weight: 400;">Disponible en aplicaciones con módulo Diseñador contratado.  
</span>

<span style="font-weight: 400;">Desde el elemento del Gestor&gt;Navegador lateral&gt;Ajustes&gt;Catálogo&gt;Fuentes para el diseñado, se accede a la interfaz de "Fuentes para diseñador".</span>

<span style="font-weight: 400;">Aquí se añaden las tipografías que se van a permitir usar al cliente en el módulo diseñador en línea.  
</span>Se pueden añadir diferentes tipos:

- **Fuentes genéricas** : que ya están integradas en los navegadores por defecto como son Arial, Times New Roman o Helvetica.
- **Fuentes de google**: En caso de incluir una fuente de Google Fonts se deberá respetar el nombre otorgado por google y como url poner ‘google’.
- **Fuentes personalizadas**: En caso de querer incluir una fuente externa, debemos conocer la url del archivo de la fuente, la cual deberá indicarse en el campo ‘url’.

#####   


##### **1. Interfaz en lista de fuentes para el diseñador** 

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-12/scaled-1680-/sE1image.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-12/sE1image.png)

<table border="1" class="align-center" id="bkmrk-elemento-funci%C3%B3n-ico" style="width: 88.2716%; height: 462.406px;"><tbody><tr style="height: 49.7969px;"><td class="align-left" style="width: 25.9053%; height: 49.7969px;">**Elemento**</td><td class="align-left" style="width: 74.0947%; height: 49.7969px;">**Función**</td></tr><tr style="height: 46.5938px;"><td class="align-left" style="width: 25.9053%; height: 46.5938px;">Botón "CREAR FUENTE"</td><td class="align-left" style="width: 74.0947%; height: 46.5938px;">Acceder a la interfaz de añadir tipografía.  
  
</td></tr><tr style="height: 46.5938px;"><td class="align-left" style="width: 25.9053%; height: 46.5938px;">Icono embudo</td><td class="align-left" style="width: 74.0947%; height: 46.5938px;">Botón activar filtros.  
  
</td></tr><tr style="height: 46.5938px;"><td class="align-left" style="width: 25.9053%; height: 46.5938px;">ID</td><td class="align-left" style="width: 74.0947%; height: 46.5938px;">Identificador único de tipografía.  
  
</td></tr><tr style="height: 63.3906px;"><td class="align-left" style="width: 25.9053%; height: 63.3906px;">Nombre</td><td class="align-left" style="width: 74.0947%; height: 63.3906px;">Nombre de la tipografía. Se verá en la vista pública en el selector de fuentes del diseñador.   
  
</td></tr><tr style="height: 46.5938px;"><td class="align-left" style="width: 25.9053%; height: 46.5938px;">Enlace</td><td class="align-left" style="width: 74.0947%; height: 46.5938px;">Enlace a la fuente o palabra google si es una fuente de Google Fonts.  
  
</td></tr><tr style="height: 46.5938px;"><td class="align-left" style="width: 25.9053%; height: 46.5938px;">Activo</td><td class="align-left" style="width: 74.0947%; height: 46.5938px;">Botón de identificador y cambio de proveedor activar o desactivar.  
  
</td></tr><tr style="height: 58.8281px;"><td class="align-left" style="width: 25.9053%; height: 58.8281px;">Botón "ACTUALIZAR"</td><td class="align-left" style="width: 74.0947%; height: 58.8281px;">Acceder a actualizar fuente ya añadida.

</td></tr><tr style="height: 57.4219px;"><td class="align-left" style="width: 25.9053%; height: 57.4219px;">Flecha Botón "VER" </td><td style="width: 74.0947%; height: 57.4219px;">Para acceder al menú de acción de eliminar fuente.

</td></tr></tbody></table>

#####  **1. Interfaz de añadir fuente para el diseñador**

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-12/scaled-1680-/EDuimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-12/EDuimage.png)

<table border="1" class="align-center" id="bkmrk-elemento-funci%C3%B3n-nom" style="width: 88.2716%; height: 462.406px;"><tbody><tr style="height: 49.7969px;"><td class="align-left" style="width: 36.5554%; height: 49.7969px;">**Elemento**</td><td class="align-left" style="width: 63.4468%; height: 49.7969px;">**Función**</td></tr><tr style="height: 63.3906px;"><td class="align-left" style="width: 36.5554%; height: 63.3906px;">Nombre</td><td class="align-left" style="width: 63.4468%; height: 63.3906px;">Si la fuente es de Google Fonts, se debe respetar el nombre original.  
  
</td></tr><tr style="height: 46.5938px;"><td class="align-left" style="width: 36.5554%; height: 46.5938px;">Enlace</td><td class="align-left" style="width: 63.4468%; height: 46.5938px;">Enlace a la fuente. Si la fuente es de Google Fonts, la url es "google".  
  
</td></tr><tr style="height: 58.8281px;"><td class="align-left" style="width: 36.5554%; height: 58.8281px;">Botón "CREAR"</td><td class="align-left" style="width: 63.4468%; height: 58.8281px;">Guardar cambios y salir de la la interfaz de añadir fuente.

</td></tr><tr style="height: 57.4219px;"><td class="align-left" style="width: 36.5554%; height: 57.4219px;">Flecha Botón "CREAR Y AÑADIR MÁS"</td><td style="width: 63.4468%; height: 57.4219px;">Guardar cambios y seguir añadiendo más fuentes.

</td></tr></tbody></table>