Convertitore di Spaziatura tra Lettere (Tracking → CSS)
Converti il tracking di Photoshop/Illustrator o la spaziatura in % di Figma in valori CSS em e px.
833 visualizzazioni
Anteprima
TYPOGRAPHY SPACING EXAMPLE
Tre Strumenti, Tre Unità
Le app Adobe misurano il tracking in millesimi di em: em CSS = tracking ÷ 1000, quindi tracking 50 → letter-spacing: 0.05em. La percentuale di Figma è semplicemente em × 100: 5% = 0,05em. Il valore in px dipende anche dalla dimensione del font: 0,05em a 16 px = 0,8 px. Inserisci il valore mostrato dal tuo file di design; gli altri si aggiornano.
Preferisci l'output in em nel CSS — si adatta alla dimensione del font, così titoli e didascalie mantengono una spaziatura proporzionale con un'unica regola. Intervalli tipici: da −10 a −30 di tracking per grandi titoli display, da +50 a +200 per piccole etichette in maiuscolo.
Domande Frequenti
Figma mostra la spaziatura in px — e allora?
Allora è già il valore CSS in px; inseriscilo nel campo px con la dimensione del font impostata, e leggi l'equivalente in em per un CSS scalabile.
Perché il testo in maiuscolo ha bisogno di tracking positivo?
Le maiuscole sono pensate per essere affiancate da minuscole; composte da sole appaiono compresse. Da +5% a +15% (tracking 50-150) è la soluzione classica per etichette tutte in maiuscolo.
Strumenti Simili
Segnala un Problema
Convertitore di Spaziatura tra Lettere (Tracking → CSS)