Tools Blog

Letter Spacing Tool

Calibra spaziatura lettere, parole e interlinea con anteprima live e stili preimpostati.

6 presetpx / em / remCopia CSS subito

① Regola spaziatura, altezza riga e dimensione font ② Anteprima live ③ Copia i valori CSS

Preset
Spaziatura lettere0em
Spaziatura parole0em
Interlinea1.6
Dimensione font (px)16px
Peso font
Famiglia font
Trasformazione testo

Typography is the art and technique of arranging type. Good spacing creates rhythm, hierarchy, and visual comfort for the reader.

Output CSS
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.6;
font-size: 16px;
font-weight: 400;
font-family: DM Sans, sans-serif;
text-transform: none;

Cos'è il letter-spacing in CSS?

La proprietà CSS letter-spacing controlla lo spazio orizzontale tra i singoli caratteri (chiamato tracking nella tipografia da stampa). Accetta valori positivi o negativi in px, em o rem. Usare le unità em è generalmente preferibile perché la spaziatura scala proporzionalmente al cambiare del font-size.

La proprietà word-spacing aggiunge o rimuove spazio tra le parole, mentre line-height definisce il ritmo verticale. Insieme queste tre proprietà controllano la densità e la leggibilità del testo. WCAG 1.4.12 richiede che non si perda contenuto quando letter-spacing è almeno 0.12em, word-spacing almeno 0.16em e line-height almeno 1.5.

Domande frequenti

La proprietà CSS letter-spacing aggiunge spazio uniforme tra ogni carattere. Nella tipografia da stampa si chiama "tracking". Valori positivi allontanano i caratteri; negativi li avvicinano.
Con em la spaziatura scala automaticamente con il font-size. Ad esempio, letter-spacing: 0.05em su un testo da 16px diventa 0.8px, ma su un titolo da 24px diventa 1.2px — mantenendo la stessa proporzione visiva.
letter-spacing controlla lo spazio tra singoli caratteri. word-spacing aggiunge spazio orizzontale tra le parole. line-height imposta la distanza verticale tra le righe — determina quanto è "arioso" o "denso" un paragrafo.
Aumenta il letter-spacing per: (1) testo in maiuscolo — le maiuscole necessitano di tracking extra (0.05–0.15em); (2) testo piccolo come didascalie; (3) titoli display a dimensioni molto grandi dove un tracking più stretto risulta più raffinato.
Per il corpo del testo, un line-height tra 1.5 e 1.7 è generalmente ottimale. I titoli possono usare 1.1–1.3. Le didascalie funzionano bene a 1.4. WCAG 1.4.12 raccomanda almeno 1.5 per il contenuto del corpo.
I designer usano la spaziatura precisa per: guide di stile del brand, librerie di componenti CSS, design editoriale con font display a 64px, audit di accessibilità WCAG 1.4.12.
WCAG 2.1 SC 1.4.12 (Spaziatura testo, Livello AA) richiede che non si perda contenuto quando si applica: letter-spacing almeno 0.12em, word-spacing almeno 0.16em, line-height almeno 1.5, spazio dopo i paragrafi almeno 2em.
Articoli correlati
CSS 5 min lettura
px, rem, em, vh: Quando usare ogni unità CSS
Guida pratica alle unità CSS: quando usare px, rem, em, vh e vw. Con spiegazione sull'accessibilità e tabella di conversione rapida.

Esplora il Nostro Network

ntool.io Strumenti gratuiti di diagnostica di rete — ping, traceroute, DNS lookup, port scanner e altro Visita → capops.io Calcolatori finanziari gratuiti — interesse composto, mutuo, pianificazione pensione, strumenti di investimento e altro Visita →