6XC

Letter-spacing omrekenaar (tracking → CSS)

Reken Photoshop/Illustrator-tracking of Figma-%-letterspatiëring om naar CSS em- en px-waarden.

828 weergaven

Drie tools, drie eenheden

Adobe-programma's meten tracking in duizendsten van een em: CSS em = tracking ÷ 1000, dus tracking 50 → letter-spacing: 0.05em. Het percentage van Figma is gewoon em × 100: 5% = 0,05em. De px-waarde hangt bovendien af van de lettergrootte: 0,05em bij 16 px = 0,8 px. Voer in welke waarde uw ontwerpbestand ook toont; de andere velden werken automatisch bij.

Geef in CSS de voorkeur aan de em-uitvoer — deze schaalt mee met de lettergrootte, zodat koppen en bijschriften met één regel proportionele letterspatiëring behouden. Typische bereiken: −10 tot −30 tracking bij grote weergavekoppen, +50 tot +200 bij kleine labels in hoofdletters.

Veelgestelde vragen

Figma toont de letterspatiëring in px — wat dan?

Dan is dat al de CSS-px-waarde; voer deze in het px-veld in met de lettergrootte ingesteld en lees het em-equivalent af voor schaalbare CSS.

Waarom heeft tekst in hoofdletters positieve tracking nodig?

Kapitalen zijn ontworpen om geflankeerd te worden door kleine letters; strak gezet ogen ze te krap. +5% tot +15% (tracking 50-150) is de klassieke oplossing voor labels in volledige hoofdletters.

Vergelijkbare tools

Valutaomrekenaar (live ECB-koersen) Reken om tussen 30+ valuta — USD, EUR, GBP, TRY en meer — met de dagelijkse referentiekoersen van de Europese Centrale Bank. Gratis, geen aanmelding nodig. Uitvoeren Pond (lbs) - Kilogram Omrekenaar Reken ponden direct om naar kilogram en kilogram naar ponden — typ in een van beide velden. 1 lb = 0,4536 kg. Uitvoeren Voet & Inch naar Cm Omrekenen Reken voet en inch om naar centimeter en terug — lengteomrekeningen zoals 5'9" naar cm, direct. Uitvoeren Fahrenheit-Celsius-omrekenen Reken °F direct om naar °C en Celsius naar Fahrenheit — weer-, oven- en lichaamstemperaturen met veelgebruikte referentiepunten. Uitvoeren