---
title: "Font per il sito web: come sceglierlo tra stile, licenza e performance"
url: https://www.conseolente.it/font-sito-web-scelta-stile-licenza-performance/
aggiornato: 2026-10-24
descrizione: "Guida completa su come scegliere il font per il sito web considerando stile, licenza, formato file e performance. Impara a usare Google Fonts e gestire i…"
topic: "Font · scelta e caricamento · siti web"
---

# Font per il sito web: come sceglierlo tra stile, licenza e performance

> Versione per assistenti AI. Pagina originale: [Font per il sito web: come sceglierlo tra stile, licenza e performance](https://www.conseolente.it/font-sito-web-scelta-stile-licenza-performance/?via=md)

Un font è l’insieme di caratteri — lettere, numeri, simboli — che condividono peso, stile e dimensione all’interno di una stessa famiglia tipografica. Scegliere il font giusto per un sito significa valutare insieme leggibilità, licenza d’uso e peso del file che il browser deve caricare.

## Font per il sito web in sintesi

- **Stile:** serif, sans-serif, script e display comunicano un registro diverso e vanno scelti in base al tono del brand.

- **Formato file:** per il web conviene il formato WOFF2, più leggero di TTF e OTF e pensato per il caricamento via browser.

- **Licenza:** un font gratuito per uso personale non è automaticamente libero per un logo o un progetto commerciale.

- **Dove trovarlo:** librerie come Google Fonts e Adobe Fonts offrono font con licenze dichiarate e formati già ottimizzati per il web.

- **Performance:** ogni font caricato è una richiesta in più al server: incide sui tempi di caricamento e, di conseguenza, sul posizionamento.

## Cos’è un font e perché non è la stessa cosa di un typeface

Un font è una singola variante — per esempio il bold 16px — mentre il [typeface](https://en.wikipedia.org/wiki/Typeface/) è la famiglia intera che contiene regular, bold, italic e tutte le altre varianti. Nella stampa a caratteri mobili la distinzione era fisica: un font era un set di pezzi di metallo, uno per ogni dimensione, e serviva un set diverso per ogni peso. La parola stessa arriva dal francese _fonte_, che indicava la fusione del metallo in fonderia.

Nel lavoro quotidiano su un sito, questa distinzione conta meno di quanto sembri: quando scarichi un “font” da una libreria digitale, in realtà stai scaricando un file che può contenere anche l’intero typeface, con tutti i pesi e gli stili raggruppati. Il termine si è semplificato nell’uso comune, e io stesso lo uso in modo intercambiabile quando parlo con un cliente che deve solo decidere quale carattere mettere in homepage.

Quello che invece cambia davvero, per chi gestisce un sito, è la differenza tra font fisico (il pezzo di metallo, oggi solo un ricordo storico) e **font digitale**: un file — TTF, OTF o WOFF2 — che il browser scarica e interpreta a ogni visita. Ogni file in più è un elemento che il browser deve richiedere, interpretare e applicare prima di mostrare il testo definitivo: è qui che il font smette di essere una scelta solo estetica e diventa un fattore tecnico, di cui parlo nel paragrafo sui formati.

![Quattro righe di testo che confrontano visivamente uno stile serif, uno sans-serif, uno script e uno display](https://www.conseolente.it/wp-content/uploads/2026/10/font-sito-web-scelta-stile-licenza-performance-1-1024x683.webp)

Lo stesso testo composto nei quattro stili principali mostra quanto cambia la percezione del messaggio.

## Classificazione dei font: serif, sans-serif, script e display

I font per un sito si dividono in quattro famiglie principali, e ognuna comunica un registro diverso prima ancora che il visitatore legga una parola. La scelta sbagliata non è un problema estetico astratto: è un segnale che il visitatore e, indirettamente, l’algoritmo di posizionamento associano alla qualità percepita del sito.

| Famiglia | Caratteristica | Uso consigliato | Esempio |
| --- | --- | --- | --- |
| Serif | Piccole grazie alle estremità delle lettere | Testi lunghi, brand con posizionamento tradizionale o editoriale | Linux Libertine |
| Sans-serif | Linee pulite, senza grazie | Interfacce, e-commerce, brand moderni | Roboto, Futura |
| Script | Imita la scrittura a mano o corsiva | Loghi, inviti, titoli brevi — mai per paragrafi interi | — |
| Display | Forme marcate, pensate per colpire | Titoli, hero section, poster digitali | — |

Se lavori su un e-commerce o su un sito di servizi locali, la combinazione più solida resta un sans-serif per il corpo del testo e, al massimo, un display per i titoli: lo script lo eviterei per qualunque blocco di testo più lungo di una frase, perché la leggibilità crolla su schermo.

Un font style, inteso come variante grafica (bold, italic, condensed), non va confuso con la famiglia: un sito può usare un solo typeface sans-serif e distinguere i livelli di importanza del testo solo con i pesi, senza bisogno di aggiungere altre famiglie.

![Icone di tre formati di file font — TTF, OTF, WOFF2 — affiancate a un simbolo di licenza libera](https://www.conseolente.it/wp-content/uploads/2026/10/font-sito-web-scelta-stile-licenza-performance-2-1024x683.webp)

I tre formati più comuni hanno pesi diversi e non tutti sono pensati per il web.

## Formati e licenze: cosa guardare prima di installare un font sul sito

Prima di installare un font su un sito controllo sempre due cose: il formato del file e la licenza. Sono due problemi diversi che vengono spesso confusi, e la confusione costa tempo quando poi bisogna rimediare.

Sul formato, la regola è semplice: TTF e OTF nascono per la stampa e per i sistemi operativi, mentre WOFF2 è compresso apposta per il trasferimento via browser. Se trovi un font solo in TTF e lo carichi così com’è su un sito, stai facendo scaricare al browser un file più pesante del necessario a ogni prima visita.

Se devi scegliere tra font self-hosted e font richiamato da una libreria esterna come [Google Fonts](https://www.conseolente.it/google-font-cose-come-funziona-e-come-scaricare-caratteri-tipografici-seo-friendly/), la decisione dipende da un bivio concreto:

- Se il font è già ottimizzato e aggiornato da chi lo distribuisce (Google Fonts, Adobe Fonts): richiamarlo da lì ti risparmia la gestione dei formati, ma aggiunge una richiesta verso un dominio esterno.

- Se vuoi controllo completo sul caricamento e niente dipendenze esterne: scarichi il WOFF2 e lo ospiti sul tuo server, dichiarandolo con @font-face nel CSS.

Sulla licenza, la distinzione che conta è tra uso personale e uso commerciale. Un font distribuito con **SIL Open Font License** può essere usato, modificato e redistribuito anche in un progetto commerciale, logo compreso. Un font scaricato da un pacchetto generico “gratis” senza licenza dichiarata non ha questa garanzia: in quel caso la condizione d’uso commerciale va verificata caso per caso sulla pagina di download, non presunta.

## Dove trovare font per il sito e per i contenuti social

Per un sito aziendale le due librerie digitali che uso più spesso sono Google Fonts e Adobe Fonts: entrambe dichiarano la licenza accanto a ogni font e offrono il file già in formato web.

Diverso è il caso dei generatori di testo stilizzato per i social, quelli che trasformano una scritta normale in caratteri Unicode corsivi, gotici o decorati per una bio su Instagram: non sono font nel senso che abbiamo visto finora, non vanno installati e non hanno licenza perché sfruttano simboli già previsti dallo standard Unicode. Funzionano bene per un post, non per un sito, perché molti lettori di schermo non li interpretano correttamente: su una pagina web li eviterei per qualunque testo che debba essere accessibile.

Esistono poi progetti più di nicchia, nati per recuperare la grafica di un font storico (penso a ricostruzioni di caratteri legati a vecchi computer o sistemi): interessanti come riferimento culturale, ma quasi mai adatti a un sito aziendale che deve restare leggibile su ogni dispositivo.

Sulla domanda se un’intelligenza artificiale possa creare un font: può generare bozzetti di lettere o suggerire combinazioni di stile, ma trasformare quei bozzetti in un file font funzionante (con metriche, kerning e compatibilità tra caratteri) resta un lavoro di font design che oggi nessuno strumento automatizza davvero dall’inizio alla fine. Chi propone un “font maker” gratuito istantaneo sta quasi sempre vendendo un generatore di loghi, non un font utilizzabile altrove.

## Montserrat: il font open source più scaricato e come usarlo su un sito

Montserrat è un font sans-serif disegnato nel 2010 da Julieta Ulanovsky, ispirato alla segnaletica del quartiere Montserrat di Buenos Aires. È distribuito con licenza SIL Open Font License: lo puoi usare, modificare e includere anche in un progetto commerciale, logo compreso, senza costi.

Lo cito spesso come esempio quando un cliente mi chiede un font sans-serif “sicuro”: è gratuito, è libero per uso commerciale, è disponibile in oltre venti varianti tra pesi e corsivi, ed è presente sia su Google Fonts sia su Adobe Fonts, quindi non dipende da un solo canale di distribuzione.

Per installarlo su un sito, la procedura è sempre la stessa, che tu parta da Google Fonts o da un file scaricato:

1. Scegli i pesi che ti servono davvero (regular, bold, eventualmente italic): ogni peso aggiunto è un file in più da caricare.

2. Se usi Google Fonts, inserisci il link al foglio di stile fornito dalla piattaforma nell’head della pagina; se preferisci il self-hosting, scarica il file WOFF2 e caricalo sul tuo server.

3. Dichiara il font nel CSS con la regola @font-face (per il self-hosting) o richiamalo con font-family: "Montserrat", sans-serif come fallback.

4. Verifica il rendering su mobile e su almeno due browser diversi, perché l’interlinea e la x-height di Montserrat non sono identiche a quelle di un font di sistema come Arial.

Se cerchi Montserrat per Microsoft Word e non per il sito, il discorso cambia: Word usa i font installati nel sistema operativo, non il file web. Lo trovi comunque sul sito di Google Fonts in formato TTF, lo installi nel sistema (Windows o Mac) e poi compare nell’elenco dei font di Word, ma è un uso diverso da quello di un sito, con regole di installazione proprie del sistema operativo e non del browser.

Chi cerca un’alternativa più vicina allo stile geometrico di Montserrat, ma con un carattere leggermente diverso, di solito guarda a font sans-serif simili disponibili sempre su Google Fonts: la scelta finale, però, va fatta confrontando le lettere una per una sul proprio testo reale, non su un elenco di nomi.

## Errori frequenti nella scelta del font di un sito

L’errore più comune che vedo su siti di piccole imprese è caricare quattro o cinque font diversi tra titoli, menu e corpo del testo, senza che nessuno dei due webmaster coinvolti nel tempo se ne accorga. Ogni font aggiunto è un file scaricato in più: il sito rallenta e nessuno collega il rallentamento alla causa reale.

Un secondo errore riguarda la licenza: scaricare un font “gratis” da un sito generico e usarlo in un logo depositato, senza aver verificato se quella licenza copre l’uso commerciale. Nella mia esperienza, chiedere conferma scritta della licenza prima di consegnare un progetto al cliente costa cinque minuti e ne evita molti di più in caso di contestazione.

Il terzo errore è usare un font script o decorativo per blocchi di testo lunghi: funziona per un titolo di tre parole, non per una descrizione prodotto di dieci righe. Qui vale una regola di buon senso che in tipografia si cita spesso come “regola dei tre font”: non più di tre famiglie diverse in una stessa pagina, di solito una per i titoli, una per il corpo del testo, al massimo una terza per elementi decorativi isolati. Non è una norma, è una convenzione professionale, e la tratto come tale: un limite di buon senso, non un obbligo tecnico.

L’ultimo errore, più tecnico, è non specificare un font di fallback nel CSS: se il font principale non si carica in tempo o fallisce per un problema di rete, il browser deve sapere quale font di sistema usare al suo posto, altrimenti il testo rischia di comparire invisibile per una frazione di secondo, un fenomeno che in Search Console si traduce in segnali di performance peggiori sulle metriche di caricamento.

## Domande frequenti

### Che differenza c’è tra font e typeface?

Il font è una singola variante (per esempio il bold), il typeface è la famiglia intera che le contiene tutte. Nell’uso quotidiano su un sito i due termini si usano spesso in modo intercambiabile, ma la distinzione tecnica resta valida.

### Quale formato di font conviene usare su un sito?

Il WOFF2 è il formato più adatto al web perché è compresso e pensato per il caricamento via browser. TTF e OTF restano utili per l’installazione su sistema operativo, non per il caricamento diretto della pagina.

### Montserrat è gratuito anche per uso commerciale?

Sì, Montserrat è distribuito con licenza SIL Open Font License: puoi usarlo in un sito, in un logo o in un progetto commerciale senza costi, a condizione di non vendere il file del font come prodotto a sé stante.

### Come si usa Montserrat in Microsoft Word?

Devi scaricare il file TTF da una libreria come Google Fonts e installarlo nel sistema operativo (Windows o Mac): una volta installato a livello di sistema, compare automaticamente nell’elenco dei font di Word, perché Word legge i font installati sul computer, non quelli caricati da un sito.

### Cos’è la regola dei tre font?

È una convenzione tipografica, non una norma tecnica: suggerisce di non usare più di tre famiglie di font diverse in una stessa pagina, per mantenere coerenza visiva tra titoli, corpo del testo ed eventuali elementi decorativi.

### Un’intelligenza artificiale può creare un font?

Può generare bozzetti o suggerire stili di lettere, ma produrre un file font completo e funzionante, con metriche e kerning corretti tra tutti i caratteri, resta oggi un lavoro di font design che nessuno strumento automatizza interamente.

### Quanto incide il font sulla velocità di caricamento del sito?

Ogni file font è una richiesta aggiuntiva che il browser deve scaricare prima di mostrare il testo definitivo: più pesi e famiglie carichi, più la pagina impiega a diventare leggibile, con effetti diretti sulle metriche di performance monitorate anche in Search Console.