Die CI · Kapitel 8

Schriftgrößen

Schriftgrößen stehen in vielen Styleguides als lose Liste. In nexbrand ist jede Stufe benannt, hat eine Verwendung, eine Größe, eine Strichstärke, eine Schrift und eine Zeilenhöhe. Den Anfang rechnet nexbrand für dich.

Größen berechnen

Im Editor öffnest du den Reiter Größen.

Grundgröße wählen
Der Regler Fließtext: 17 px geht von 14 bis 21 px.
Verhältnis wählen
Wie stark jede Stufe wächst, siehe Tabelle unten.
Schriften zuordnen
Unter Überschriften und Fließtext wählst du je eine Schrift der Fassung.
Rechnen lassen
Größen berechnen legt die Stufen Überschrift 1 bis 3, Einleitung, Fließtext und Klein an.

Verhältnis	Wirkung
Große Sekunde, 1,125	dicht
Kleine Terz, 1,2	ausgewogen
Große Terz, 1,25	deutliche Stufen
Quarte, 1,333	viel Luft
Quinte, 1,5	plakativ

Der Editor im Reiter Sizes mit dem Regler für die Grundgröße, der Wahl des Verhältnisses und den berechneten Stufen darunter — Grundgröße und Verhältnis ergeben die Stufen.

Stufen einzeln

Unter dem Rechner steht jede Stufe mit ihren Feldern. Du änderst sie von Hand oder legst mit Stufe eine neue an.

Feld	Werte
Name	frei
Wofür	Überschrift 1 bis 4, Einleitung, Fließtext, Klein, Bildunterschrift, Beschriftung oder ohne Zuordnung
Größe	6 bis 400 px
Strichstärke	100 bis 1000
Schrift	eine Schrift der Fassung
Zeilenhöhe	0,5 bis 4

Eine Fassung hat höchstens zwölf Stufen.

Wo die Größen erscheinen

Im Reiter Schriften steht unter den Schriften der Abschnitt Schriftgrößen: jede Stufe mit Name, Verwendung, Pixel, Strichstärke und Zeilenhöhe, dazu eine Textprobe in genau dieser Größe. Im Code wird aus jeder Stufe --text-h1 in rem (16 px sind 1 rem), dazu --text-h1--line-height und --text-h1--font-weight. Der Name kommt aus der Verwendung, ohne Verwendung aus dem Namen der Stufe.

Regeln können Größen vorgeben, etwa „Lora für Überschriften, mindestens 28 px“. Das steht im Kapitel Regeln.

Pavo sagtFließtext unter 16 px meldet die Prüfung. Am Bildschirm wird er anstrengend, auch wenn er im Druck gut aussieht.