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

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