Kombinationen generieren

Ändern Sie die Filter oder den Vorschautext und rendern Sie eine neue Galerie. Leere Felder und ungültige Werte werden automatisch korrigiert.

Anwendungsfall

Stimmung

Kontrast

Vorschau Überschrift

Bis zu 90 Zeichen. HTML wird als Text behandelt.

Vorschau Fließtext

20 bis 280 Zeichen. Whitespace wird normalisiert.

Größe Überschrift

42px

Größe Fließtext

18px

Zeilenhöhe

1.55

Nur System-Schriftarten. Ergebnisse werden lokal im Browser aktualisiert.

Rundung: Größen in Pixeln; Zeilenhöhe mit zwei Dezimalstellen.

Annahme: Lokale Schriftverfügbarkeit variiert je nach Gerät. Fallback-Reihenfolge wird in jedem CSS-Block beibehalten. Testen Sie auf echten Endgeräten vor dem Release.

Wie es funktioniert

Dieser Generator nutzt einen kuratierten Datensatz praktischer Font-Stacks. Er filtert die Liste nach Ihren Wünschen und zeigt CSS-Variablen für einen schnellen Handoff an.

Design-Kontext wählen

Anwendungsfall, Stimmung und Kontrast grenzen die Liste ein. Wenn nichts genau passt, zeigt das Tool den vollen Datensatz an.

Leserhythmus anpassen

Größen und Zeilenhöhen werden sicher begrenzt. Dies hält die Vorschau lesbar und verhindert ungültiges CSS beim Kopieren.

Vergleichen und kopieren

Jedes Ergebnis enthält Stack-Namen und Deklarationen. Das exportierte CSS nutzt Variablen zur schnellen Integration in Design-Tokens.

Auf Zielgeräten bestätigen

System-Stacks sind zuverlässig, aber das Rendering variiert je nach Browser und OS. Nutzen Sie die Galerie als Shortlist, nicht als finale QS.