La tipografia nei progetti di comunicazione visiva non si riduce alla scelta del font. Il modo in cui testo e spazio si rapportano – nella singola riga, nel blocco di testo, tra i livelli di gerarchia – determina se un progetto è leggibile, se comunica la struttura dell'informazione, se mantiene coerenza visiva su formati diversi. Questo articolo esamina i parametri fondamentali che i designer tipografici modificano più frequentemente e le ragioni tecniche di ciascuna scelta.
Gerarchia tipografica: dimensione prima di peso
La gerarchia visiva in un sistema tipografico si costruisce principalmente attraverso la dimensione, non il peso. Un titolo di 40px a peso 400 comunica primaria importanza in modo più elegante di un titolo di 18px in grassetto. Questo principio, consolidato nella tradizione tipografica svizzera (si veda il lavoro di Josef Müller-Brockmann e Armin Hofmann), vale ancora oggi nei formati digitali.
Il peso dovrebbe intervenire solo quando la differenza di dimensione non è sufficiente a distinguere due livelli gerarchici, o quando si vogliono segnalare termini tecnici all'interno del corpo del testo. Usare il grassetto come strumento di enfasi generico produce documenti in cui nulla risulta davvero enfatizzato.
Interlinea: il parametro più trascurato
L'interlinea (line-height) incide sulla leggibilità in modo più diretto della dimensione del carattere. Per testo a corpo (14–16px), un'interlinea tra 1.5 e 1.7 è generalmente adeguata per la lettura su schermo. Per titoli grandi (32px e oltre), l'interlinea va ridotta tra 1.1 e 1.25, perché l'occhio non deve percorrere distanze verticali grandi tra righe brevi.
Il caso critico è il titolo su più righe: con interlinea a 1.5 e dimensione 40px, le righe si allontanano in modo percepito come vuoto intenzionale, non come blocco unitario. Ridurre a 1.1–1.2 compatta il titolo e lo fa leggere come un'unità.
Tracking e spaziatura delle lettere
Il tracking (letter-spacing in CSS) modifica la spaziatura uniforme tra tutti i caratteri di un testo. I casi d'uso principali:
- Testo maiuscolo o small-caps: il tracking positivo (0.08–0.2em) migliora la leggibilità perché le maiuscole senza spaziatura aggiuntiva tendono a comprimersi visivamente.
- Testo caption e metadata: tracking leggermente positivo (0.1–0.16em) a dimensioni ridotte (12–13px) compensa la perdita di chiarezza delle lettere piccole.
- Titoli grandi: tracking neutro o leggermente negativo (fino a -0.02em) tende a unire le lettere in parole più solide visivamente.
Il tracking non va confuso con il kerning, che regola la spaziatura tra coppie specifiche di lettere (VA, AW, To, ecc.) ed è gestito direttamente nel font o nei software di impaginazione come InDesign.
Contrasto di peso nelle coppie di caratteri
Quando si combinano due famiglie tipografiche in uno stesso progetto, il contrasto deve essere deliberato. Le combinazioni più stabili si basano su una famiglia serif per il corpo e una sans-serif per i titoli, o viceversa. Combinare due sans-serif richiede che le differenze di struttura siano evidenti: non si può usare Inter per i titoli e Roboto per il corpo, perché le due famiglie hanno geometrie troppo simili per distinguersi chiaramente.
Una regola operativa: se due famiglie a bassa risoluzione (thumbnailing) sembrerebbero identiche, non producono contrasto tipografico utile.
Font variabili: vantaggi pratici
I font variabili (variable fonts) consentono di accedere a un range continuo di pesi, larghezze e altri assi attraverso un singolo file. In CSS, l'asse di peso si controlla con font-weight su valori decimali (es. 475, 550), e l'asse di larghezza con font-stretch. Questo elimina la necessità di caricare file separati per ogni peso e riduce il peso totale del caricamento tipografico in un progetto web.
Il vantaggio principale per il graphic design digitale è la possibilità di calibrare il peso esatto in modo continuo, invece di saltare tra valori fissi come 400, 500 e 700. Alcune famiglie come Inter e Source Sans 3 sono disponibili come font variabili a licenza aperta.
Spaziatura nei sistemi a griglia
Nei progetti che usano una griglia (editoriale, digitale, segnaletica), la spaziatura tra blocchi tipografici dovrebbe rispettare il modulo della griglia. Se la griglia ha un passo di 8px, tutti i margini e i padding dei blocchi di testo dovrebbero essere multipli di 8: 8, 16, 24, 32, 48, 96. Questo produce coerenza visiva percettibile anche senza analisi consapevole, e semplifica le decisioni di layout.
Per approfondimenti sulla griglia tipografica nella tradizione europea: Grid Systems in Graphic Design – Josef Müller-Brockmann.