Schriftgrößen-Umrechner
Rechnen Sie eine Schriftgröße zwischen Punkt, Pixel, em, rem, Prozent, Millimeter, Zoll und Pica um. Der Umrechner folgt den CSS-Definitionen — 96 Pixel und 72 Punkt pro Zoll — und lässt Sie die Schriftgrößen des Wurzelelements und des übergeordneten Elements festlegen, von denen em, rem und % abhängen.
Browser beginnen bei 16 px. Ändern Sie diese Werte, wenn Ihr Stylesheet dem Element html oder dem übergeordneten Element eine andere Größe gibt.
12 pt in allen Einheiten
| Einheit | Größe | CSS | Kopieren |
|---|---|---|---|
| Punkt (pt) | 12 | 12pt | |
| Pixel (px) | 16 | 16px | |
| em | 1 | 1em | |
| rem | 1 | 1rem | |
| Prozent (%) | 100 | 100% | |
| Millimeter (mm) | 4,2333 | 4.2333mm | |
| Zentimeter (cm) | 0,4233 | 0.4233cm | |
| Zoll (in) | 0,1667 | 0.1667in | |
| Pica (pc) | 1 | 1pc |
Rechenweg
- 12 pt × 96 ÷ 72 = 16 px
- 16 px ÷ 16 px = 1 em
- 16 px ÷ 16 px = 1 rem
- 16 px × 25,4 ÷ 96 = 4,2333 mm
Word unter Windows und Google Docs messen Schrift in Punkt und rechnen einen Zoll mit 96 Pixeln; bei 100 % Zoom wird 12-Punkt-Text also gleich groß gezeichnet wie 16-px-Text im Browser.
Gängige Punktgrößen
em, rem und % verwenden die Wurzel- und übergeordneten Größen oben.
| Punkt | Pixel | em | rem | % | mm |
|---|---|---|---|---|---|
| 6 | 8 | 0,5 | 0,5 | 50 | 2,12 |
| 7 | 9,33 | 0,583 | 0,583 | 58,3 | 2,47 |
| 8 | 10,67 | 0,667 | 0,667 | 66,7 | 2,82 |
| 9 | 12 | 0,75 | 0,75 | 75 | 3,18 |
| 10 | 13,33 | 0,833 | 0,833 | 83,3 | 3,53 |
| 10,5 | 14 | 0,875 | 0,875 | 87,5 | 3,7 |
| 11 | 14,67 | 0,917 | 0,917 | 91,7 | 3,88 |
| 12 | 16 | 1 | 1 | 100 | 4,23 |
| 14 | 18,67 | 1,167 | 1,167 | 116,7 | 4,94 |
| 16 | 21,33 | 1,333 | 1,333 | 133,3 | 5,64 |
| 18 | 24 | 1,5 | 1,5 | 150 | 6,35 |
| 20 | 26,67 | 1,667 | 1,667 | 166,7 | 7,06 |
| 22 | 29,33 | 1,833 | 1,833 | 183,3 | 7,76 |
| 24 | 32 | 2 | 2 | 200 | 8,47 |
| 28 | 37,33 | 2,333 | 2,333 | 233,3 | 9,88 |
| 32 | 42,67 | 2,667 | 2,667 | 266,7 | 11,29 |
| 36 | 48 | 3 | 3 | 300 | 12,7 |
| 48 | 64 | 4 | 4 | 400 | 16,93 |
| 72 | 96 | 6 | 6 | 600 | 25,4 |
So verwenden Sie den Schriftgrößen-Umrechner
- 1. Geben Sie eine Größe und ihre Einheit ein. Tippen Sie 12 und wählen Sie Punkt, oder 24 und wählen Sie Pixel — jede der neun Einheiten kann der Ausgangspunkt sein.
- 2. Legen Sie bei Bedarf die Bezugsgrößen fest. rem wird am Wurzelelement (
html) gemessen, em und % am übergeordneten Element. Beide beginnen bei 16 px, dem Standardwert des Browsers. - 3. Lesen Sie die Größe in jeder Einheit ab. Jede Zeile zeigt den Wert und das CSS zum Einfügen, mit einer Schaltfläche zum Kopieren; der Rechenweg zeigt jede Umrechnung über Pixel.
- 4. Prüfen Sie die Tabelle gängiger Größen. Die Punktgrößen eines Textverarbeitungsmenüs, von 6 bis 72, sind mit ihren Pixel-, em-, rem-, Prozent- und Millimeter-Entsprechungen aufgelistet.
Die Umrechnungsregeln
CSS legt die physikalischen Einheiten zueinander fest: ein Zoll sind 96 Pixel, 72 Punkt, 6 Pica oder 25,4 Millimeter. Ein Punkt ist also genau 4/3 Pixel. Die relativen Einheiten brauchen eine weitere Zahl — die Schriftgröße, auf die sie sich beziehen.
| Einheit | In Pixel | Aus Pixel |
|---|---|---|
| Punkt (pt) | px = pt × 96 ÷ 72 | pt = px × 72 ÷ 96 |
| Pica (pc) | px = pc × 16 | pc = px ÷ 16 |
| Millimeter (mm) | px = mm × 96 ÷ 25,4 | mm = px × 25,4 ÷ 96 |
| Zoll (in) | px = in × 96 | in = px ÷ 96 |
| em | px = em × Größe des übergeordneten Elements | em = px ÷ Größe des übergeordneten Elements |
| rem | px = rem × Größe des Wurzelelements | rem = px ÷ Größe des Wurzelelements |
| Prozent (%) | px = % × Größe des übergeordneten Elements ÷ 100 | % = px ÷ Größe des übergeordneten Elements × 100 |
Die Größen von Wurzel- und übergeordnetem Element sind in Pixel; beide betragen 16 px, sofern ein Stylesheet sie nicht ändert.
Mit den Standardwerten sind 12 pt gleich 12 × 96 ÷ 72 = 16 px. Dann ergibt 16 ÷ 16 genau 1 em, 1 rem und 100 %, und 16 × 25,4 ÷ 96 ergibt 4,2333 mm. Setzen Sie die Größe des übergeordneten Elements auf 20 px, dann werden dieselben 16 px zu 0,8 em und 80 % — bleiben aber 1 rem, weil rem das übergeordnete Element ignoriert.
Warum 12 pt gleich 16 px sind
Ein Punkt ist 1/72 Zoll und ein CSS-Pixel 1/96 Zoll; 12 Punkt sind also 12/72 = 1/6 Zoll, was 96 ÷ 6 = 16 Pixeln entspricht. Word unter Windows und Google Docs behandeln einen Zoll ebenfalls als 96 Pixel auf dem Bildschirm; bei 100 % Zoom wirkt 12-Punkt-Text daher gleich groß wie 16-px-Text im Browser — und 16 px ist die Größe, die Browser für Text verwenden, den kein Stylesheet festlegt.
Ein CSS-Pixel ist nicht unbedingt ein Punkt Ihres Bildschirms. Auf einem hochauflösenden Display deckt ein CSS-Pixel mehrere Gerätepixel ab, und der Browser skaliert alle Einheiten gemeinsam, sodass die Verhältnisse oben immer gelten. LaTeX ist die einzige übliche Ausnahme zum Zoll mit 72 Punkt: sein pt ist der Druckerpunkt mit 72,27 pro Zoll, daher ist ein LaTeX-12pt etwa 0,4 % kleiner als 12 pt in Word oder CSS. Das bp („big point“) von TeX ist der Punkt mit 72 pro Zoll, den dieser Umrechner verwendet.
Schriftgrößen für akademische Arbeiten
Stilleitfäden legen Schriftgrößen in Punkt fest, daher muss die Schrift einer Arbeit nie umgerechnet werden. Es hilft aber zu wissen, was jeder Leitfaden tatsächlich verlangt:
- APA 7 nennt Kombinationen aus Schrift und Größe statt einer einzigen Größe: 11-Punkt-Calibri, 11-Punkt-Arial, 10-Punkt-Lucida Sans Unicode, 12-Punkt-Times New Roman, 11-Punkt-Georgia oder 10-Punkt-Computer Modern.
- MLA 9 verlangt eine gut lesbare Schrift, deren Kursivschnitt sich vom normalen Schnitt abhebt, in einer Größe zwischen 11 und 13 Punkt, sofern Ihre Lehrkraft nichts anderes bestimmt.
- Turabian (Chicago-Stil für Studierende): Das offizielle Merkblatt empfiehlt 12-Punkt-Times New Roman oder Calibri oder 11-Punkt-Arial.
Schriften wirken bei gleicher Punktgröße unterschiedlich groß — Arial wirkt größer als Times New Roman —, weshalb APA jede Schrift mit ihrer eigenen Größe verbindet. Für Ränder, Abstände, Kopfzeilen und den Rest der Seite siehe Wie Sie eine akademische Arbeit in APA, MLA und Chicago formatieren.
Häufig gestellte Fragen
- Wie viele Pixel sind 12 pt?
- 16 Pixel. CSS definiert einen Zoll als 96 Pixel und als 72 Punkt, daher ist ein Punkt 4/3 Pixel, und 12 × 4/3 = 16. Dieselbe Rechnung ergibt: 10 pt sind 13,33 px, 11 pt sind 14,67 px und 14 pt sind 18,67 px.
- Wie rechne ich px in rem um?
- Teilen Sie durch die Wurzel-Schriftgröße. Bei den Standardwerten von 16 px sind 24 px gleich 24 ÷ 16 = 1,5 rem und 14 px gleich 0,875 rem. Gibt Ihr Stylesheet dem Element
htmleine andere Größe, tragen Sie diese als Wurzelgröße ein; der Umrechner verwendet dann diesen Wert. - Was ist der Unterschied zwischen em und rem?
- Beide sind relativ zu einer Schriftgröße, aber zu unterschiedlichen. rem bezieht sich immer auf das Wurzelelement (
html), daher ist 1,5rem überall auf der Seite gleich groß. em bezieht sich auf das übergeordnete Element, daher ergibt 1,5em innerhalb eines Kastens, dessen Text bereits 1,5em groß ist, das 2,25-Fache der Wurzelgröße — em potenziert sich, rem nicht. - Ist 1em immer 16px?
- Nur im Standardfall. 1em entspricht der Schriftgröße des übergeordneten Elements und 1rem der des Wurzelelements; Browser beginnen beide bei 16 px. Wer in den Browsereinstellungen die Standard-Textgröße erhöht, verschiebt diesen Ausgangspunkt. Deshalb folgt Text in rem oder em der Wahl der Leserin oder des Lesers, Text in px dagegen nicht.
- Wie groß sind 12 pt in Millimetern?
- 12 Punkt sind 1/6 Zoll, also etwa 4,23 mm. Das ist die Größe des Schriftkegels (em-Kasten), des Gestaltungsraums, in dem jeder Buchstabe gezeichnet wird, nicht die Höhe eines Großbuchstabens; diese beträgt bei gängigen Textschriften etwa zwei Drittel davon.
- Warum wirkt dieselbe Punktgröße in manchen Schriften größer?
- Die Punktgröße legt den em-Kasten fest, nicht die sichtbaren Buchstaben. Schriften zeichnen ihre Buchstaben in unterschiedlichen Proportionen innerhalb dieses Kastens — Arial hat höhere Kleinbuchstaben als Times New Roman —, daher wirkt 12-Punkt-Arial größer. Deshalb verbindet APA 7 11-Punkt-Arial mit 12-Punkt-Times New Roman, statt eine einzige Größe für jede Schrift vorzugeben.