Preview-Image: Font-Converter für Websites

REM und EM sind relative Einheiten, PX nicht.

 

Convert Pixel to EM

em ist immer relativ zur Schriftgröße des direkten oder nächstgelegenen Elternteils.

 

Convert Pixel to REM

rem ist nur relativ zur html (root) Schriftgröße

REM bedeutet Root EM. 1rem ist immer gleich der in <html> definierten Schriftgröße ist.
Angeblich wurde es entwickelt, um das EM-Um-/Berechnungsproblem für Nutzer zu lösen.

 


X ist equal to PX / CM / IN / MM / PC / PT / Q

 


A Typographic Scale Calculator

 


Eine schnelle Übersicht oft genutzter Größen im Webdesign:

Point Pixel Em Rem Percent  
10.5pt 14px 0.875em 0.875rem 87.5%  
12pt 16px 1em 1rem 100% medium
13.5pt 18px 1.125em 1.125rem 112.5% large
15pt 20px 1.25em 1.25rem 125%  
16.5pt 22px 1.375em 1.375rem 137.5%  
18pt 24px 1.5em 1.5rem 150% x-large
19.5pt 26px 1.625em 1.625rem 162.5%  
21pt 28px 1.75em 1.75rem 175%  
22.5pt 30px 1.875em 1.875rem 187.5%  
24pt 32px 2em 2rem 200% xx-large
25.5pt 34px 2.125em 2.125rem 212.5%  
27pt 36px 2.25em 2.25rem 225%  
28.5pt 38px 2.375em 2.375rem 237.5%  
30pt 40px 2.5em 2.5rem 250%  
31.5pt 42px 2.625em 2.625rem 262.5%  
34pt 44px 2.75em 2.8125rem 275%  
34.5pt 46px 2.875em 2.875rem 287.5%  
36pt 48px 3em 3rem 300%  
based on :root font-size equivalent to 16px on 96dpi viewport

 


Schrift­größen­rechner

Berechnung und Überprüfung barrierefreier Schriftgrößen


other sources:

Wir benutzen Cookies

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.