Online Tool Store
Anteprima Spaziatura Lettere
Visualizza in anteprima la spaziatura tra lettere in px, em o rem con controlli di font, peso e trasformazione, poi copia il CSS esatto. Funziona nel browser.
Questo strumento funziona interamente nel tuo browser. I tuoi file non vengono mai caricati su un server.
Come funziona l'anteprima della spaziatura tra lettere
- Digita il testo di anteprima e regola spaziatura tra lettere, dimensione del font, peso, famiglia del font e trasformazione del testo.
- Cambia l'unità di spaziatura tra em, px e rem in base a come è scritto il foglio di stile del tuo progetto.
- Osserva l'anteprima live aggiornarsi mentre trascini il cursore della spaziatura.
- Copia le dichiarazioni CSS risultanti nel tuo foglio di stile, oppure premi Ripristina per ricominciare.
Domande frequenti
A cosa serve letter-spacing?
A regolare lo spazio tra i caratteri (tracking) per migliorare la leggibilità, dare enfasi ai titoli o ottenere uno stile tipografico specifico, come etichette in maiuscolo con spaziatura ampia.
Qual è un intervallo tipico per letter-spacing?
Piccoli valori negativi (come -0.02em) stringono i testi di grandi dimensioni, mentre valori positivi (da 0.05em a 0.2em) sono comuni per etichette in maiuscolo e badge. Una spaziatura molto ampia (0.3em o più) si usa per un effetto stilistico.
Il peso del font influisce sull'aspetto di letter-spacing?
Sì - i pesi più marcati hanno forme dei caratteri naturalmente più larghe, quindi lo stesso valore di letter-spacing può apparire più stretto o più ampio a seconda del peso e della dimensione scelti.
Posso copiare il CSS direttamente nel mio progetto?
Sì - le dichiarazioni generate per letter-spacing, font-size, font-weight, font-family e text-transform sono pronte da incollare nel tuo foglio di stile.
letter-spacing va espresso in px, em o rem?
em è la scelta più comune perché si adatta al font-size dell'elemento stesso, così il tracking resta proporzionale se il testo viene ridimensionato. rem si adatta invece alla dimensione del font radice, utile per mantenere una spaziatura coerente tra dimensioni diverse. px è il più prevedibile, ma non si adatta affatto. Questo strumento permette di visualizzare in anteprima e copiare tutte e tre.
Quale letter-spacing funziona meglio per il testo in maiuscolo?
Le etichette e i pulsanti in maiuscolo si leggono solitamente meglio con un tracking leggermente più ampio (circa 0.05em - 0.15em) per compensare la vicinanza delle lettere maiuscole. Usa il controllo di trasformazione del testo per vedere l'anteprima in maiuscolo prima di scegliere un valore.
Come ci confrontiamo
| Feature | Online Tool Store | Calcolatori di letter-spacing | Strumenti di conversione unità |
|---|---|---|---|
| Anteprima live con cursore | ✓ | ✓ | ✗ |
| Cambio unità em / px / rem con conversione corretta | ✓ | ✗ | ✓ |
| Selettore famiglia font nell'anteprima live | ✓ | ✗ | ✗ |
| Anteprima trasformazione testo (maiuscolo/minuscolo/iniziali maiuscole) | ✓ | ✗ | ✗ |
| CSS copiabile all'istante | ✓ | ✓ | ✓ |
Utile per definire il valore esatto di tracking per un titolo o un'etichetta di pulsante prima di scriverlo nel CSS.