# Carica font personalizzati e usa i font del tuo brand in ogni design

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

I font del tuo brand sono metà di come le persone ti riconoscono. Ecco come caricarli su Gradiently, come vengono raggruppati famiglie e pesi, e le domande sulla licenza da farsi per prime.

## The short version

- Gradiently accetta caricamenti di font del brand nei formati OTF, TTF, WOFF e WOFF2, fino a 15 MB per file.
- I file caricati con lo stesso nome di famiglia vengono raggruppati in un’unica famiglia, così ogni peso e corsivo diventa una variante di essa.
- Gradiently legge il permesso di incorporamento impostato dentro ogni font, e un font che vieta l’incorporamento viene disegnato come pixel nelle esportazioni PDF e SVG.
- Una licenza desktop di un font non copre sempre l’uso in un tool di design web, quindi controlla la licenza prima di caricare.
- Il caricamento di font personalizzati fa parte del kit del brand, incluso in Gradiently Pro.

Per **caricare font personalizzati** su Gradiently, apri la pagina Brand, vai su **Font** e scegli **Carica font** sotto **I tuoi font**. Aggiungi i tuoi file OTF, TTF, WOFF o WOFF2, un peso alla volta o più insieme, poi scegli il tuo font come carattere per i **Titoli** o per il **Testo**. Da quel momento i nuovi design nello Studio partono con il tuo carattere, e lo usa anche il Designer. Prima di caricare, dedica due minuti alla licenza: conta più del pulsante.

## Come caricare font personalizzati nel kit del brand

1. **Trova i file del font** Cerca nella cartella inviata dalla fonderia o dal designer, non nel menu dei font di sistema. Ti serve un file per stile: Regular, Italic, Medium, Bold e così via.
2. **Apri Brand, poi Font** Assicurati di essere nel brand giusto: ogni brand tiene i propri font. Sotto **I tuoi font**, scegli **Carica font**.
3. **Aggiungi gli stili che usi** Carica ogni file. Quando uno è pronto vedrai *«Nome è pronto all’uso»*. I file con lo stesso nome di famiglia entrano automaticamente nella stessa famiglia.
4. **Imposta titoli e testo** Apri i selettori **Titoli** e **Testo** e scegli il tuo font tra **I tuoi**. L’anteprima accanto al modulo mostra un post di esempio composto con questi font.
5. **Controlla l’avviso, se c’è** Se le impostazioni del font vietano l’incorporamento, Gradiently ti avvisa che le esportazioni PDF e SVG lo disegneranno come pixel. Ne parliamo più sotto.

## Quali file di font funzionano

| Formato | Accettato | Note |
| --- | --- | --- |
| OTF | Sì | Il formato desktop abituale delle fonderie |
| TTF | Sì | Comune per i font più vecchi e per i download da Google Fonts |
| WOFF | Sì | Un formato web compresso |
| WOFF2 | Sì | Il formato web più piccolo; spesso il file più facile da trovare |
| Raccolta TTC | No | Esporta prima un singolo font dalla raccolta |
| File oltre 15 MB | No | Font CJK o di icone molto grandi possono richiedere un sottoinsieme |

Limiti di caricamento dei font del brand. Un brand può tenere fino a 48 file di font in tutto.

Funzionano anche i font variabili. Gradiently legge l’intervallo di pesi dentro il file, quindi un solo file variabile può coprire tutto, da light a black. Se non li conosci, [font variabili](https://gradiently.design/it/guide/variable-fonts) spiega cosa sanno fare.

## Come funzionano famiglie, pesi e sostituzioni

Gradiently raggruppa i file in base al nome di famiglia memorizzato dentro ogni font, ignorando maiuscole e spazi. Carica Söhne Regular, Söhne Italic e Söhne Bold e ottieni una famiglia con tre varianti, non tre font. Ne derivano alcuni comportamenti che ti evitano riordini successivi.

- **Lo stesso file due volte** non fa nulla, quindi non puoi creare duplicati per sbaglio.
- **Un nuovo file per una variante esistente**, per esempio un Bold aggiornato dalla tua fonderia, sostituisce il vecchio.
- **Rinomina una famiglia** se il suo nome interno non è utile, come un codice di un progetto di carattere su misura.
- **Rimuovi una famiglia o una singola variante** quando non ti serve più. I design che la usavano ripiegano sul sans della libreria, quindi controlla poi i design più vecchi.

Un post di annuncio di moda composto con un comune abbinamento di font della libreria

Un post composto con un abbinamento della libreria. Perfettamente valido, e condiviso con ogni altro brand che l’ha scelto.

Lo stesso post di annuncio di moda composto nel carattere caricato dal brand

Lo stesso post nel carattere del brand. Spesso è il carattere a rendere riconoscibile un post prima ancora di vedere il logo.

## Licenze dei font: cosa controllare prima di caricare

Un file di font è software, e la sua licenza dice dove puoi usarlo. Molte licenze distinguono l’uso desktop, in cui il font è installato su computer indicati, dall’uso web o in app, in cui è servito ai browser. Caricare su qualsiasi tool di design web, Gradiently compreso, memorizza il file e lo serve alle persone che lavorano nel tuo spazio di lavoro, e le esportazioni possono incorporarlo. Leggi [licenze dei font](https://gradiently.design/it/guide/font-licensing) per il quadro completo, e chiedi alla fonderia se la licenza non lo dice.

### Controlla prima

- Una licenza desktop per un numero fisso di computer
- Un font di prova o per uso personale
- Un font da un sito di download gratuito senza file di licenza
- Un font che una ex agenzia ha acquistato a proprio nome

### Di solito va bene

- Una licenza che nomina l’uso web, in app o in software
- Font con licenza SIL Open Font License, come la maggior parte di Google Fonts
- Un carattere su misura commissionato e posseduto dal tuo brand
- Una licenza che la tua fonderia ha confermato per iscritto

Se i font del tuo brand non sono utilizzabili, un font della libreria dal carattere simile è un sostituto sensato. [Font gratuiti per uso commerciale](https://gradiently.design/it/guide/free-commercial-fonts) elenca scelte sicure, e l’[abbinamento dei font](https://gradiently.design/it/guide/font-pairing) aiuta ad accostarli.

## Permessi di incorporamento ed esportazioni

A parte la licenza scritta, le fonderie impostano un flag di incorporamento dentro il file del font. Gradiently lo legge al caricamento e lo rispetta quando esporti.

| Flag di incorporamento nel font | PNG, JPG, video | PDF e SVG |
| --- | --- | --- |
| Installabile o modificabile | Disegnato normalmente | Testo mantenuto come testo vero |
| Stampa e anteprima | Disegnato normalmente | Testo mantenuto come testo vero |
| Limitato | Disegnato normalmente | Testo disegnato come pixel |

Le esportazioni di immagini e video sono sempre immagini del tuo carattere. Solo PDF e SVG, che possono contenere il font stesso, cambiano quando l’incorporamento è limitato.

> **Quando i pixel contano** Il testo in pixel in un PDF appare uguale a schermo ma non si può selezionare né cercare, e una tipografia non può ritoccarlo. Per lavori di stampa con un font limitato, esporta ad alta risoluzione, oppure chiedi alla fonderia una versione incorporabile.

## Sfruttare al meglio il tuo carattere

Carica solo gli stili che usi davvero: di solito un regular, un corsivo e uno o due pesi più marcati. Un set essenziale mantiene coerenti i design e breve il menu dei font. Poi imposta il carattere dei titoli sul tuo stile display o bold e quello del testo su qualcosa di calmo alle dimensioni piccole; [font del brand](https://gradiently.design/it/guide/brand-fonts) e [un sistema tipografico](https://gradiently.design/it/guide/brand-typography-system) vanno più a fondo.

Nello Studio, **Applica il kit del brand** mette i font del tuo brand su ogni parola di un design in una volta, e la leggibilità di un Mark li mantiene leggibili qualunque cosa ci sia dietro. Se stai configurando anche il resto del kit, [importa il tuo brand dal tuo sito](https://gradiently.design/it/guide/import-brand-from-website) compila nome, descrizione, colore e icona in un solo passaggio.

## FAQ

### Quali formati di font posso caricare su Gradiently?

OTF, TTF, WOFF e WOFF2, fino a 15 MB per file. Le raccolte di font TTC non sono accettate, quindi esporta prima un singolo font da esse.

### Posso caricare un font che ho acquistato per il mio computer?

Solo se la sua licenza permette l’uso in software web. Molte licenze desktop non lo permettono, quindi controlla la licenza o chiedi alla fonderia.

### Perché il mio testo è pixelato in un PDF esportato?

Il permesso di incorporamento del font è limitato, quindi Gradiently lo disegna come pixel in PDF e SVG invece di incorporare il file del font.

### I font caricati funzionano in ogni design?

Appartengono al brand su cui li hai caricati, e ogni design di quel brand può usarli. Un altro brand richiede un proprio caricamento.

### Cosa succede ai design se elimino un font?

Il testo che lo usava ripiega sul sans della libreria, quindi apri i design più vecchi e scegli un sostituto dove serve.