6XC

Letter-Spacing-Umrechner (Tracking → CSS)

Wandeln Sie Photoshop/Illustrator-Tracking oder Figma-%-Laufweite in CSS-em- und px-Werte um.

827 Aufrufe

Drei Programme, drei Einheiten

Adobe-Programme messen Tracking in Tausendstel eines em: CSS em = Tracking ÷ 1000, also Tracking 50 → letter-spacing: 0.05em. Figmas Prozentwert ist einfach em × 100: 5 % = 0,05em. Der px-Wert hängt zusätzlich von der Schriftgröße ab: 0,05em bei 16 px = 0,8 px. Geben Sie den Wert ein, den Ihre Designdatei anzeigt; die anderen aktualisieren sich automatisch.

Bevorzugen Sie in CSS die em-Ausgabe — sie skaliert mit der Schriftgröße, sodass Überschriften und Bildunterschriften mit einer einzigen Regel proportionale Laufweite behalten. Typische Bereiche: −10 bis −30 Tracking bei großen Display-Überschriften, +50 bis +200 bei kleinen Großbuchstaben-Labels.

Häufig gestellte Fragen

Figma zeigt die Laufweite in px an — was dann?

Dann ist es bereits der CSS-px-Wert; geben Sie ihn bei gesetzter Schriftgröße in das px-Feld ein und lesen Sie das em-Äquivalent für skalierbares CSS ab.

Warum brauchen Großbuchstaben positive Laufweite?

Versalien sind so gestaltet, dass sie von Kleinbuchstaben flankiert werden; ohne diese wirken sie eng gesetzt gedrängt. +5 % bis +15 % (Tracking 50-150) ist die klassische Lösung für Großbuchstaben-Labels.

Ähnliche Tools

Währungsrechner (Live-EZB-Kurse) Rechnen Sie zwischen 30+ Währungen um — USD, EUR, GBP, TRY und mehr — mit den täglichen Referenzkursen der Europäischen Zentralbank. Kostenlos, ohne Anmeldung. Starten Pfund-Kilogramm-Umrechner Rechnen Sie Pfund sofort in Kilogramm um und umgekehrt — tippen Sie in ein beliebiges Feld. 1 lb = 0,4536 kg. Starten Fuß & Zoll in Zentimeter Umrechner Fuß und Zoll in Zentimeter umrechnen und zurück — Körpergrößen wie 5'9" in cm, sofort. Starten Fahrenheit-Celsius-Umrechner Wandeln Sie °F sofort in °C und Celsius in Fahrenheit um — Wetter-, Ofen- und Körpertemperaturen mit gängigen Referenzpunkten. Starten