# Sube fuentes personalizadas y usa tu tipografía en cada diseño

[Canonical HTML page](https://gradiently.design/es/guide/custom-fonts-upload)

Las fuentes de tu marca son la mitad de lo que hace que la gente te reconozca. Así se suben a Gradiently, así se agrupan familias y pesos, y estas son las preguntas de licencia que conviene hacerse antes.

## The short version

- Gradiently acepta fuentes de marca en formato OTF, TTF, WOFF y WOFF2, de hasta 15 MB por archivo.
- Los archivos subidos con el mismo nombre de familia se agrupan en una sola familia, así que cada peso y cursiva pasa a ser un estilo de ella.
- Gradiently lee el permiso de incrustación que lleva cada fuente, y una fuente que prohíbe la incrustación se dibuja como píxeles en las exportaciones PDF y SVG.
- Una licencia de escritorio no siempre cubre el uso en una herramienta de diseño web, así que revisa la licencia antes de subir la fuente.
- Subir fuentes personalizadas forma parte del kit de marca, incluido en Gradiently Pro.

Para **subir fuentes personalizadas** a Gradiently, abre la página Marca, ve a **Fuentes** y elige **Subir fuente** en **Tus propias fuentes**. Añade tus archivos OTF, TTF, WOFF o WOFF2, de un peso en un peso o varios a la vez, y elige tu fuente como **Títulos** o **Texto**. A partir de ahí, los diseños nuevos del Studio empiezan con tu tipografía, y el Designer también la usa. Antes de subir nada, dedica dos minutos a tu licencia: esa parte importa más que el botón.

## Cómo subir fuentes personalizadas a tu kit de marca

1. **Localiza los archivos de fuente** Busca en la carpeta que te envió tu fundición o tu diseñador, no en el menú de fuentes del sistema. Necesitas un archivo por estilo: Regular, Italic, Medium, Bold, etcétera.
2. **Abre Marca y luego Fuentes** Asegúrate de estar en la marca correcta: cada marca guarda sus propias fuentes. En **Tus propias fuentes**, elige **Subir fuente**.
3. **Añade los estilos que usas** Sube cada archivo. Cuando uno esté listo verás *«Nombre está lista para usar»*. Los archivos con el mismo nombre de familia se unen a la misma familia automáticamente.
4. **Define títulos y texto** Abre los selectores **Títulos** y **Texto** y elige tu fuente en **Tuyas**. La vista previa junto al formulario muestra una publicación de ejemplo compuesta con ellas.
5. **Revisa el aviso, si aparece** Si la propia configuración de la fuente prohíbe la incrustación, Gradiently te avisa de que las exportaciones PDF y SVG la dibujarán como píxeles. Más sobre esto abajo.

## Qué archivos de fuente funcionan

| Formato | Aceptado | Notas |
| --- | --- | --- |
| OTF | Sí | El formato de escritorio habitual de las fundiciones |
| TTF | Sí | Común en fuentes antiguas y descargas de Google Fonts |
| WOFF | Sí | Un formato web comprimido |
| WOFF2 | Sí | El formato web más ligero; a menudo el archivo más fácil de encontrar |
| Colección TTC | No | Exporta primero una sola fuente de la colección |
| Archivos de más de 15 MB | No | Las fuentes CJK o de iconos muy grandes pueden necesitar un subconjunto |

Límites de subida de fuentes de marca. Una marca puede guardar hasta 48 archivos de fuente en total.

Las fuentes variables también funcionan. Gradiently lee el rango de pesos del archivo, así que un único archivo variable puede cubrir desde light hasta black. Si son nuevas para ti, [fuentes variables](https://gradiently.design/es/guide/variable-fonts) explica lo que pueden hacer.

## Cómo funcionan familias, pesos y sustituciones

Gradiently agrupa los archivos según el nombre de familia guardado dentro de cada fuente, sin tener en cuenta mayúsculas ni espacios. Sube Söhne Regular, Söhne Italic y Söhne Bold y tendrás una familia con tres estilos, no tres fuentes. De ahí se derivan algunos comportamientos que te ahorran ordenar después.

- **El mismo archivo dos veces** no hace nada, así que no puedes crear duplicados por accidente.
- **Un archivo nuevo para un estilo existente**, por ejemplo una Bold actualizada de tu fundición, sustituye al anterior.
- **Cambia el nombre de una familia** si su nombre interno no ayuda, como un código de un proyecto de tipografía a medida.
- **Elimina una familia o un solo estilo** cuando ya no lo necesites. Los diseños que lo usaban pasan a la sans de la biblioteca, así que revisa después los diseños antiguos.

Una publicación de anuncio de moda compuesta con una combinación de fuentes común de la biblioteca

Una publicación con una combinación de la biblioteca. Perfectamente correcta, y compartida con todas las marcas que la eligieron.

La misma publicación de anuncio de moda compuesta con la tipografía propia que subió la marca

La misma publicación con la tipografía propia de la marca. A menudo la letra es lo que hace reconocible una publicación antes de ver el logo.

## Licencias de fuentes: qué revisar antes de subir

Un archivo de fuente es software, y su licencia dice dónde puedes usarlo. Muchas licencias separan el uso de escritorio, con la fuente instalada en ordenadores concretos, del uso web o en aplicaciones, donde se sirve a navegadores. Subirla a cualquier herramienta de diseño web, Gradiently incluida, guarda el archivo y lo sirve a quienes trabajan en tu espacio de trabajo, y las exportaciones pueden incrustarlo. Lee [licencias de fuentes](https://gradiently.design/es/guide/font-licensing) para tener el panorama completo, y pregunta a tu fundición si la licencia no lo aclara.

### Revisa primero

- Una licencia de escritorio para un número fijo de ordenadores
- Una fuente de prueba o de uso personal
- Una fuente de una web de descargas gratuitas sin archivo de licencia
- Una fuente que una antigua agencia compró a su nombre

### Normalmente sin problema

- Una licencia que menciona uso web, en aplicaciones o en software
- Fuentes con SIL Open Font License, como la mayoría de Google Fonts
- Una tipografía a medida que tu marca encargó y posee
- Una licencia que tu fundición ha confirmado por escrito

Si no puedes usar las fuentes de tu marca, una fuente de la biblioteca con un carácter parecido es un buen sustituto. [Fuentes gratuitas para uso comercial](https://gradiently.design/es/guide/free-commercial-fonts) recoge opciones seguras, y [combinar fuentes](https://gradiently.design/es/guide/font-pairing) te ayuda a emparejarlas.

## Permisos de incrustación y tus exportaciones

Aparte de la licencia escrita, las fundiciones fijan un indicador de incrustación dentro del propio archivo de fuente. Gradiently lo lee al subirla y lo respeta al exportar.

| Indicador de incrustación | PNG, JPG, vídeo | PDF y SVG |
| --- | --- | --- |
| Instalable o editable | Se renderiza con normalidad | El texto se mantiene como texto real |
| Impresión y vista previa | Se renderiza con normalidad | El texto se mantiene como texto real |
| Restringida | Se renderiza con normalidad | El texto se dibuja como píxeles |

Las exportaciones de imagen y vídeo siempre son imágenes de tu tipografía. Solo PDF y SVG, que pueden llevar la propia fuente, cambian cuando la incrustación está restringida.

> **Cuándo importan los píxeles** El texto en píxeles de un PDF se ve igual en pantalla, pero no se puede seleccionar ni buscar, y la imprenta no puede ajustarlo. Para trabajos de impresión con una fuente restringida, exporta a alta resolución o pide a la fundición una versión que se pueda incrustar.

## Saca el máximo partido a tu propia tipografía

Sube solo los estilos que de verdad usas: normalmente una regular, una cursiva y uno o dos pesos más gruesos. Un conjunto reducido mantiene los diseños coherentes y el menú de fuentes corto. Después pon en títulos tu estilo display o bold y en texto algo tranquilo a tamaños pequeños; [fuentes de marca](https://gradiently.design/es/guide/brand-fonts) y [un sistema tipográfico](https://gradiently.design/es/guide/brand-typography-system) van más allá.

En el Studio, **Aplicar kit de marca** pone las fuentes de tu marca en todas las palabras de un diseño a la vez, y la legibilidad de un Mark las mantiene claras tenga lo que tenga detrás. Si también estás configurando el resto del kit, [importa tu marca desde tu web](https://gradiently.design/es/guide/import-brand-from-website) rellena el nombre, la descripción, el color y el icono en un solo paso.

## FAQ

### ¿Qué formatos de fuente puedo subir a Gradiently?

OTF, TTF, WOFF y WOFF2, de hasta 15 MB por archivo. Las colecciones TTC no se aceptan, así que exporta antes una sola fuente de ellas.

### ¿Puedo subir una fuente que compré para mi ordenador?

Solo si su licencia permite el uso en software web. Muchas licencias de escritorio no lo permiten, así que revisa la licencia o pregunta a la fundición.

### ¿Por qué mi texto sale pixelado en una exportación PDF?

El permiso de incrustación de la fuente está restringido, así que Gradiently la dibuja como píxeles en PDF y SVG en lugar de incrustar el archivo.

### ¿Las fuentes subidas funcionan en todos los diseños?

Pertenecen a la marca en la que las subiste, y todos los diseños de esa marca pueden usarlas. Otra marca necesita su propia subida.

### ¿Qué pasa con los diseños si elimino una fuente?

El texto que la usaba pasa a la sans de la biblioteca, así que abre los diseños antiguos y elige una sustituta donde haga falta.