Eine neo-grotesk Sans-Serif mit geometrischen Proportionen.
Aileron ist eine moderne Sans-Serif (Neo-Grotesk) mit Nähe zu klassischen Groteskschriften wie Helvetica und Univers. Sie wirkt neutral und funktional, hat aber durch kleine Details wie weichere Punktformen und geometrischen Proportionen einen etwas freundlicheren, weniger strengen Charakter.
A neo-grotesque sans-serif font with geometric proportions.
Aileron is a modern sans-serif (neo-grotesque) font with affinities to classic grotesque typefaces such as Helvetica and Univers. It appears neutral and functional, but small details such as softer dot shapes and geometric proportions give it a slightly friendlier, less austere character.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Aileron-Thin.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Aileron-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Aileron-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Aileron-SemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Aileron-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Aileron-Heavy.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Aileron-Black.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Akkurat
4 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2004
Designer:Laurenz Brunner
Hersteller:Lineto
Version:
Trademark:
Akkurat ist eine serifenlose Grotesk des Schweizer Designers Laurenz Brunner, die 2004 bei Lineto erschien. Sie steht in der Tradition der Schweizer Grotesk, also im Umfeld von Akzidenz Grotesk, Helvetica und der sachlichen Nachkriegsmoderne.
Ihr besonderes stilistisches Merkmal ist die Nüchternheit. Ihre sehr klaren und zurückhaltenden Formen verleihen der Schrift eine gewisse spröde Sachlichkeit.
Im Unterschied zur Helvetica wirkt die Akkurat weniger glatt und weniger ikonisch. Sie ist "trockener" und weist eine absichtlich "unromantische" Haltung auf.
Akkurat is a sans-serif grotesque typeface by Swiss designer Laurenz Brunner, released by Lineto in 2004. It follows in the tradition of Swiss grotesque typefaces, alongside Akzidenz Grotesk, Helvetica, and the functional postwar modernist style.
Its defining stylistic feature is its sobriety. Its very clear and restrained forms lend the typeface a certain austere practicality.
Unlike Helvetica, Akkurat appears less smooth and less iconic. It is “drier” and exhibits a deliberately “unromantic” attitude.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lineto-akkurat-regular.woff
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lineto-akkurat-bold.woff
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lineto-akkurat-italic.woff
akkurat-italic
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Akzidenz-Grotesk (AG57)
1 Schnitte
Early GrotesqueOS
Open Source
Erscheinungsjahr:2025
Designer:Günther Gerhard Lange
Hersteller:
Version:
Trademark:
Die Akzidenz-Grotesk 57 ist eine digitale Wiederbelebung einer besonderen Variante der Akzidenz-Grotesk, deren Vorlage bei p98a, einer experimentellen Letterpress-Werkstatt in Berlin, zufällig in einem falsch beschrifteten Schriftkasten wiederentdeckt wurde.
Die Entstehung der Akzidenz-Grotesk wird der Schriftgiesserei Berthold in Berlin zugeschrieben. Diese veröffentlichte die Schrift im Jahr 1898, hat sie jedoch nicht im heutigen Sinne „erfunden“, sondern aus mehreren frühen Grotesk-Ansätzen zu einer prägenden Schrift weiterentwickelt. Über Jahrzehnte wuchs die AG unsystematisch weiter: Neue Schnitte, Fetten und Varianten kamen hinzu – oft als anonyme „Hausschnitte“ ohne benannte Entwerfer.
Die schweizerische Typografie nach dem Zweiten Weltkrieg verwendete fast ausschließlich die Akzidenz-Grotesk – und diese konsequente Nutzung machte sie weltweit stilprägend. So wurde aus der sachlichen, funktionalen Grotesk ein internationaler Bestseller.
Als die große Nachfrage eine Anpassung für den Linotype-Maschinensatz erforderlich machte, übernahm Günter Gerhard Lange ab 1957 bei Berthold diese Aufgabe. Er zeichnete die Schrift vollständig neu. So entstand eine klarere, offenere und modernere Akzidenz-Grotesk, die weniger historisch gewachsen war und stärker auf den sachlichen Ton der Nachkriegsmoderne zugeschnitten war. Sie fand jedoch keine Verbreitung, da ab 1957 andere Schriften der Akzidenz-Grotesk das Leben schwer machten, allen voran die Neue Haas, die dann unter dem Namen Helvetica ein Welterfolg wurde. Im gleichen Jahr erschienen auch die ersten Schnitte der Univers. Beides Schriften, die ihrem Vorläufer Akzidenz Grotesk alle Eigenheiten ausgetrieben haben und von nun an als "Schriften ohne Eigenschaften" gefeiert wurden.
Für das Digitalisierungsprojekt wurden historische Schriftproben und Bleisatz-Vorlagen gescannt, analysiert und neu aufgebaut. Die Schrift ist unter der Lizenz CC BY-NC-SA seit 2025 im GitHub verfügbar.
Akzidenz-Grotesk 57 is a digital revival of a special variant of Akzidenz-Grotesk, the original of which was rediscovered by chance at p98a, an experimental letterpress workshop in Berlin, in a mislabeled type case.
The creation of Akzidenz-Grotesk is attributed to the Berthold type foundry in Berlin. The foundry published the typeface in 1898, but did not “invent” it in the modern sense; rather, it developed it from several early Grotesk designs into a defining typeface. Over the decades, the AG continued to grow haphazardly: new styles, weights, and variants were added—often as anonymous “in-house styles” without named designers. Swiss typography after World War II used almost exclusively Akzidenz-Grotesk—and this consistent use made it a defining style worldwide. Thus, the functional, utilitarian Grotesk became an international bestseller.
When high demand necessitated an adaptation for Linotype typesetting, Günter Gerhard Lange took on this task at Berthold starting in 1957. He completely redrew the typeface from scratch. The result was a clearer, more open, and more modern Akzidenz-Grotesk, one less shaped by historical evolution and more tailored to the functional tone of postwar modernism. However, it failed to gain widespread adoption, as other typefaces began to challenge Akzidenz-Grotesk starting in 1957, most notably Neue Haas, which went on to become a global success under the name Helvetica. The first weights of Univers were also released that same year.
Both typefaces had stripped their predecessor, Akzidenz Grotesk, of all its idiosyncrasies and were henceforth celebrated as “typefaces without characteristics.” For the digitization project, historical type samples and lead-type specimens were scanned, analyzed, and reconstructed. The typeface has been available on GitHub since 2025 under the CC BY-NC-SA license.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Akzidenz-Grotesk Next
14 Schnitte
CLEarly Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2007
Designer:Bernd Möllenstädt und Dieter Hofrichter
Hersteller:
Version:
Trademark:
Die digitale Geschichte der Akzidenz-Grotesk ist ebenso vielschichtig wie ihre Bleisatzgeschichte. Nach Bleisatz und Fotosatz erschienen frühe PostScript-Fassungen wie die Berthold Akzidenz-Grotesk BE und BQ; später folgten OpenType-Ausbauversionen wie Akzidenz-Grotesk Pro und Pro+.
Mit der «Akzidenz-Grotesk Next» wurde 2007 die historisch gewachsene Familie schliesslich «systematisch» interpretiert. Diese Fassung stellt quasi den derzeitigen Abschluss der digitalen Neuinterpretationen dar. Aber gerade diese vielen technischen und gestalterischen Fassungen zeigen, dass es nicht „die“ Akzidenz-Grotesk gibt, sondern eine Vielzahl von Interpretationen.
Die Akzidenz-Grotesk wurde vor allem über das Schweizer Grafikdesign der 1950er- und 1960er-Jahre weltweit bekannt, verlor dann aber gegenüber Schriften wie der Helvetica oder Univers zunehmend an Bedeutung. Sie gilt aber als wichtiger Vorläufer bzw. Einflussfaktor dieser beiden Schriften.
Heute wird die Akzidenz-Grotesk besodners wegen ihren «ruppigen» Eigenheiten gerne wieder als Alternative zu Helvetica & Co. eingesetzt.
The digital history of Akzidenz-Grotesk is just as multifaceted as its history in lead typesetting. Following lead typesetting and phototypesetting, early PostScript versions such as Berthold Akzidenz-Grotesk BE and BQ appeared; these were later followed by OpenType versions such as Akzidenz-Grotesk Pro and Pro+.
With the release of “Akzidenz-Grotesk Next” in 2007, the historically evolved family was finally given a “systematic” interpretation. This version represents, so to speak, the current culmination of the digital reinterpretations. But it is precisely these many technical and design variations that demonstrate that there is no single “Akzidenz-Grotesk,” but rather a multitude of interpretations.
Akzidenz-Grotesk became known worldwide primarily through Swiss graphic design of the 1950s and 1960s, but then increasingly lost ground to typefaces such as Helvetica or Univers. It is, however, considered an important precursor and influential factor for these two typefaces.
Today, Akzidenz-Grotesk is once again popular as an alternative to Helvetica and similar fonts, particularly due to its “rough” characteristics.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-ExtraLightIt.woff2
200
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-LightItalic.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-Italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-Med.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-MedIt.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-BoldIt.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-ExtraBold.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-ExtraBoldIt.woff2
800
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-Black.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AkzidGrtskNext-BlackIt.woff2
900
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Alright Sans
8 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2009
Designer:Jackson Cavanaugh
Hersteller:
Version:
Trademark:
Alright Sans verbindet die offene, zugängliche Wirkung humanistischer Sans-Serifs mit der sachlichen Direktheit einer Neo-Grotesk.
Der Designer selbst beschreibt die Alright als Balance zwischen
humanistischer Wärme und klarer, unprätentiöser Grotesk-Eleganz.
Sie wirkt dadurch weniger anonym als Helvetica-ähnliche
Groteskschriften. Ihre Stärke liegt in dieser Zwischenposition: sachlich
aber mit genug Wärme für Markenauftritte.
Alright Sans combines the open, approachable feel of humanist sans-serifs with the straightforward, businesslike quality of a neo-grotesque.
The designer himself describes Alright as a balance between
humanist warmth and clear, unpretentious grotesque elegance.
This makes it seem less anonymous than Helvetica-like
grotesque typefaces. Its strength lies in this middle ground: businesslike
yet with enough warmth for brand identities.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AlrightSans-Thin.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AlrightSans-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AlrightSans-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AlrightSans-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AlrightSans-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AlrightSans-Black.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AlrightSans-Ultra.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Approach
7 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:Eduardo Manso
Designer:2019
Hersteller:
Version:
Trademark:
Approach ist eine moderne Annäherung an frühe Groteskschriften: sachlich, niedrig im Kontrast, leicht mechanisch, aber bewusst nicht glatt oder anonym. Besonders auffällig ist ein wiederkehrendes „Rohrbogen“-Detail, das sich etwa in a, f, j, t, R, Q und der 1 zeigt und der Schrift trotz ihrer funktionalen Grundhaltung einen eigenen Charakter gibt.
Synthetisch gezeichnete Satzzeichen und Anführungszeichen rücken sie zusätzlich in eine zeitgenössische, digitale Richtung. Dadurch eignet sich Approach gut für Branding, Editorial Design, Websites und Interfaces, wenn eine vertraute Grotesk gesucht wird, die nicht ganz so neutral wirkt wie klassische Neo-Grotesks.
Approach is a modern take on early sans-serif typefaces: functional, low-contrast, slightly mechanical, yet deliberately not smooth or anonymous. Particularly striking is a recurring “tube-bend” detail found in letters such as a, f, j, t, R, Q, and the number 1, which gives the typeface its own distinct character despite its functional foundation.
Synthetically drawn punctuation marks and quotation marks further shift it toward a contemporary, digital aesthetic. This makes Approach well-suited for branding, editorial design, websites, and interfaces when a familiar sans-serif is needed that doesn’t appear quite as neutral as classic neo-sans-serifs.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Approach-Regular-2.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Approach-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Approach-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Approach-SemiBold-2.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Approach-SemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Approach-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Arial
2 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:1982
Designer:Robin Nicholas, Patricia Saunders
Hersteller:
Version:
Trademark:
Die Arial zählt zu den weltweit am häufigsten verwendeten Schriften. Sie wurde 1982 von Monotype herausgegeben. Kurz nach ihrer Veröffentlichung wurde sie von Microsoft als eine der zentralen TrueType-Schriften mit Windows 3.1 ausgeliefert und war damit praktisch über Nacht in Millionen von Dokumenten präsent.
Aus historischer Sicht ist Arial vor allem deshalb interessant, weil sie nicht aus einem gestalterischen Aufbruch, sondern aus sehr nüchternen technischen und lizenzpolitischen Überlegungen heraus entstand. Gesucht wurde eine Schrift, die ähnlich wie die Helvetica aussieht, die gleiche Laufweite besitzt und somit Dokumente möglichst identisch umbricht – ohne dass man dafür die Helvetica lizenzieren musste.
Und genau da beginnt das Problem. Die Helvetica war schon in ihrer klassischen Form keine besonders ausdrucksstarke Schrift. Ihre Qualität lag in ihrer Neutralität, ihrer Schweizer Zurückhaltung und ihrer fast demonstrativen Eigenschaftslosigkeit. Die Arial übernahm diese Eigenschaften, verlor dabei aber den Rest an formaler Spannung, welche die Helvetica noch besass. Viele Details wirken in der Arial weicher, beliebiger und weniger präzise ausgearbeitet. Das Ergebnis ist keine eigenständige Neuinterpretation der Grotesk, sondern eine Schrift, die so tut, als wäre sie eine andere.
So geniesst die Arial unter versierten Typografen und Type-Designern keinen besonders guten Ruf – vor allem wegen ihrer enormen Verbreitung, die sie nicht ihrer aussergewöhnlichen typografischen Qualität verdankt, sondern der Tatsache, dass Microsoft sie tief in unseren Alltag integriert hat. Wer Windows, Office und einen Standarddrucker nutzte, erhielt Arial automatisch mit – ob er wollte oder nicht.
So wurde Arial zur Schrift für Office-Dokumente, Behördenformulare und lieblos gestaltete Aushänge. Bis heute verbindet man sie mit dieser Verwaltungsästhetik: korrekt, unpersönlich, leidenschaftslos.
Dabei ist und war die Arial noch nicht einmal eine besonders schlechte Schrift. Das wäre zu einfach. Sie ist eine Schrift, die fast überall funktioniert, aber niemanden begeistert – und eben auch ein Plagiat ist. Eine Helvetica-Verarbeitung ohne Charisma.
Viele denken übrigens, dass die Arial public-domain oder Open Source ist, da sie auf so vielen Systemen kostenlos dabei ist. Das ist aber falsch: die Arial ist eine
Lizenzschrift, aber sie wird in der Regel nicht extra lizensiert oder installiert, da
sie auf fast allen Systemen als Systemschrift vorliegt. Aber eben
nicht auf allen! Auf Android sollte man nicht davon
ausgehen, dass Arial als Systemschrift vorhanden ist. Chrome/Google
weist explizit darauf hin, dass Arial auf Android nicht verfügbar ist
und dass Android stattdessen mit Roboto als Systemschrift arbeitet. Auch auf Linux/Unix-Systemen ist Arial ebenfalls nicht per Default vorinstalliert. d.h. also wer Arial als Webfont für seine Website nutzen und sich darauf verlassen möchte, dass ale Anwender die gleiche Schrift, also die Arial sehen, muss die Arial lizensieren und dann als Webfont installieren.
Arial is one of the most widely used typefaces in the world. It was released by Monotype in 1982. Shortly after its release, Microsoft included it as one of the core TrueType fonts in Windows 3.1, and it thus appeared in millions of documents practically overnight.
From a historical perspective, Arial is particularly interesting because it did not emerge from a creative revolution, but rather from very pragmatic technical and licensing considerations. The goal was to find a typeface that looked similar to Helvetica, had the same character spacing, and thus would format documents as identically as possible—without having to license Helvetica.
And that is precisely where the problem begins. Even in its classic form, Helvetica was not a particularly expressive typeface. Its quality lay in its neutrality, its Swiss reserve, and its almost demonstrative lack of character. Arial adopted these characteristics but lost the remaining formal tension that Helvetica still possessed. Many details in Arial appear softer, more arbitrary, and less precisely crafted. The result is not an independent reinterpretation of the sans-serif style, but a typeface that pretends to be something else.
Consequently, Arial does not enjoy a particularly good reputation among seasoned typographers and type designers—primarily because of its enormous prevalence, which it owes not to its exceptional typographic quality but to the fact that Microsoft has deeply integrated it into our daily lives. Anyone who used Windows, Office, and a standard printer automatically got Arial—whether they wanted it or not.
Thus, Arial became the font for Office documents, government forms, and carelessly designed posters. To this day, it is associated with this bureaucratic aesthetic: correct, impersonal, passionless.
Yet Arial is not—and never was—even a particularly bad font. That would be too simple. It is a font that works almost everywhere but inspires no one—and is, in fact, a knockoff. A Helvetica knockoff without charisma.
By the way, many people think that Arial is public domain or Open Source because it comes free on so many systems. But that is wrong: Arial is a
licensed font, but it is generally not licensed or installed separately because
it is available as a system font on almost all systems. But not on all of them!
On Android, you shouldn’t assume
that Arial is available as a system font. Chrome/Google
explicitly points out that Arial is not available on Android
and that Android uses Roboto as its system font instead. Arial is also not pre-installed by default on Linux/Unix systems. This means that anyone who wants to use Arial as a web font for their website and ensure that all users see the same font—namely Arial—must license Arial and then install it as a web font.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Arial-BoldMT.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Aribau Grotesk
4 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2018
Designer:Eduardo Manso
Hersteller:
Version:
Trademark:
Aribau Grotesk verbindet geometrische Sans-Serif-Prinzipien mit typischen Merkmalen früher amerikanischer Gothics, etwa offenen Punzen und einem zweistöckigen «g», dadurch wirkt sie modern und konstruiert, aber weniger kühl als viele rein geometrische Schriften. Der Name kommt von der Carrer d’Aribau, einer Strasse in Barcelona, in welcher sie für ein Neubau als Architektur Typeface von Designer entworfen worden ist.
Bemerkenswert sind die grosszügigen Proportionen, der geringe Strichstärkenkontrast sowie Details wie klare Ziffernformen und runde Punkte, die ihr eine freundlichere, zeitgemässe Anmutung geben. Sie eignet sich gut für Branding, Editorial Design, Websites, Headlines und anspruchsvolle Corporate-Anwendungen, bei denen eine sachliche Grotesk mit etwas mehr Charakter gesucht wird.
Aribau Grotesk combines geometric sans-serif principles with typical features of early American Gothic typefaces, such as open counters and a two-story “g”; as a result, it appears modern and structured, yet less cold than many purely geometric typefaces. The name comes from Carrer d’Aribau, a street in Barcelona, where it was designed by a designer as an architectural typeface for a new building.
Noteworthy features include its generous proportions, low stroke weight contrast, and details such as clean numeral forms and rounded dots, which give it a friendlier, contemporary feel. It is well-suited for branding, editorial design, websites, headlines, and sophisticated corporate applications where a functional sans-serif with a bit more character is desired.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AribauGroteskRegular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AribauGroteskBold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
AribauGroteskBlack.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber
14 Schnitte
CLGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:
Designer:Eduardo Manso
Hersteller:
Version:1.000
Trademark:Camber is a trademark of Eduardo Manso.
Camber ist eine geometrisch konstruierte Grotesk, wirkt aber weniger streng konstruiert als viele klassische Geometrische. Ihre Formen sind klar, synthetisch und reduziert, zugleich aber breit genug angelegt, um nicht konstruiert spröde zu wirken.
Insofern macht ihre Mischung aus geometrische und pragmatischer Schriftformen sie sehr interessant. Camber ist bewusst „leise“ gestaltet: wenig visuelles Rauschen, kaum störende Details, grosszügige Breiten und eine ruhige Gesamtwirkung. Emtype beschreibt sie als „noiseless typeface“ mit geometrischer Grundlage und menschlicher Sensibilität dort, wo reine Geometrie versagt.
Dadurch eignet sie sich sowohl für Display-Anwendungen als auch für Text, Magazine, Branding und Web. Sie ist keine expressive Charakterschrift, sondern eine sachliche, moderne Grotesk für klare Gestaltung.
Camber is a geometrically designed sans-serif typeface, yet it appears less rigidly structured than many classic geometric fonts. Its forms are clear, synthetic, and minimalist, yet broad enough to avoid appearing stiff or austere.
In this respect, its blend of geometric and pragmatic letterforms makes it very interesting. Camber is deliberately designed to be “quiet”: minimal visual noise, hardly any distracting details, generous widths, and a calm overall impression. Emtype describes it as a “noiseless typeface” with a geometric foundation and human sensitivity where pure geometry falls short.
This makes it suitable for display applications as well as for text, magazines, branding, and the web. It is not an expressive display typeface, but a functional, modern sans-serif for clear design.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-ThItalic.woff2
100
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-Ul.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-UlItalic.woff2
200
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-Lg.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-LgItalic.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-Rg.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-RgItalic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-Md.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-MdItalic.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-Sb.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-SbItalic.woff2
600
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-Bd.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Camber-BdItalic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Centra No. 2
4 Schnitte
CLGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2017
Designer:Josh Finklea
Hersteller:Sharp Type Corporation
Version:1.000
Trademark:Centra No2 is either a registered trademark or a trademark of Josh Finklea
Centra No. 2 ist eine modernistische geometrische Sans Serif, die sich sichtbar auf die Tradition von Futura und Bauhaus-nahen Groteskschriften bezieht, dabei aber stärker auf Textur und Lesbarkeit als auf reine Geometrie setzt. Besonders prägnant sind die diagonalen Anschnitte an kurvigen Endungen; eine bewusste Ausnahme bilden die C-Formen, die als Referenz an Paul Renners Futura verstanden werden können.
Die Schrift wirkt klar, hochwertig und zeitgenössisch und eignet sich sehr gut für Branding, Editorial Design, Websites, Headlines und anspruchsvolle Corporate-Anwendungen. Fonts In Use zeigt unter anderem Einsätze bei Fast Company, Joe Coffee Company, Rolling Stone Italia und weiteren Branding-/Editorial-Projekten.
Centra No. 2 is a modernist geometric sans serif that clearly draws on the tradition of Futura and Bauhaus-inspired grotesque typefaces, yet places greater emphasis on texture and readability than on pure geometry. Particularly striking are the diagonal cuts at the curved terminals; the C-forms are a deliberate exception, which can be interpreted as a reference to Paul Renner’s Futura.
The typeface appears clean, high-quality, and contemporary, and is well-suited for branding, editorial design, websites, headlines, and sophisticated corporate applications. Fonts In Use showcases applications at Fast Company, Joe Coffee Company, Rolling Stone Italia, and other branding and editorial projects.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
CentraNo2-BookItalic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
CentraNo2-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
CentraNo2-MediumItalic.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Cursor Gothic
4 Schnitte
BTNeo-Grotesque
Brand Typeface
Erscheinungsjahr:2025
Designer:Michael Clasen
Hersteller:kimera
Version:1.107
Trademark:
Cursor Gothic ist eine sachliche, moderne Grotesk mit sehr kontrolliertem, digitalem Charakter. Sie weist eine gewisse Wärme und organische Spannung auf. Besonders typisch sind die hohe x-Höhe, die klare Lesbarkeit und der Eindruck von technischer Präzision ohne harte Maschinenästhetik.
Die Cursor Gothic ist keine regulär lizenzierbare Retail-Schrift, sondern eine Brand-Typeface für Cursor / Anysphere.
Cursor Gothic entstand im Zuge des ReBradning von Cursor. Ziel war, eine eigene typografische Basis zu schaffen, die Produkt-Interface und Markenkommunikation stärker zusammenführt. Der Designer beschreibt die Schrift als neuen typografischen Kern der Cursor-Identität.
Cursor Gothic is a functional, modern sans-serif typeface with a highly controlled, digital character. It exhibits a certain warmth and organic tension. Particularly distinctive features include its tall x-height, clear legibility, and an impression of technical precision without a harsh, mechanical aesthetic.
Cursor Gothic is not a standard retail font available for licensing, but rather a brand typeface for Cursor / Anysphere.
Cursor Gothic was developed as part of Cursor’s rebranding. The goal was to create a unique typographic foundation that would more closely integrate the product interface and brand communication. The designer describes the typeface as the new typographic core of the Cursor identity.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
CursorGothic-Italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
CursorGothic-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
CursorGothic-BoldItalic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
DIN Next Pro ist eine zeitgenössische, systematisch ausgebaute Neuinterpretation der deutschen Normschrift DIN 1451, die ursprünglich für technische Beschriftung, Verwaltung, Verkehr und Leitsysteme entwickelt wurde. Die Schrift überträgt den sachlichen, konstruierten und funktionalen Charakter der historischen DIN-Schriften in eine vielseitigere typografische Familie für Corporate Design, Editorial Design, Branding, Web und Interface-Anwendungen.
Bemerkenswert ist, dass DIN Next den strengen technischen Ursprung beibehält, ihn aber mit mehr Gewichten, besserer typografischer Ausstattung und einer deutlich breiteren Anwendbarkeit verbindet. Sie wirkt klar, präzise, technisch und vertrauenswürdig – allerdings weniger warm und lesefreundlich als humanistische Sans-Serifs oder Neo-Grotesk-Schriften.
DIN Next Pro is a contemporary, systematically expanded reinterpretation of the German standard typeface DIN 1451, which was originally developed for technical signage, administration, transportation, and wayfinding systems. The typeface translates the objective, structured, and functional character of the historic DIN typefaces into a more versatile typographic family for corporate design, editorial design, branding, web, and interface applications. It is
noteworthy that DIN Next retains its strict technical origins while combining them with more weights, improved typographic features, and significantly broader applicability. It appears clear, precise, technical, and trustworthy—though less warm and reader-friendly than humanist sans-serifs or neo-grotesque typefaces.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
DINNextLTPro-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
DINNextLTPro-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
DINNextLTPro-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
DIN Web Pro
2 Schnitte
CLGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2009
Designer:Albert-Jan Pool
Hersteller:
Version:7.504
Trademark:DIN is a trademark of FSI FontShop International GmbH
Die DIN Web Pro basiert genau wie die DIN Next Pro auf swe deutschen Normschrift DIN 1451, die ursprünglich für technische Beschriftung, Verwaltung, Verkehr und Leitsysteme entwickelt wurde - hält sich im Vergelcih zur DIN Next Pro aber stärker an ihre Vorlage und wirkt dadurch technischer und kantiger und weniger modern und lesbar.
Like DIN Next Pro, DIN Web Pro is based on the German standard typeface DIN 1451, which was originally developed for technical signage, administrative use, transportation, and wayfinding systems—but compared to DIN Next Pro, it adheres more closely to its original design, giving it a more technical and angular appearance and making it seem less modern and legible.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
DinWebPro-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Eina
3 Schnitte
CLGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2013
Designer:
Hersteller:Textaxis - Iñigo Jerez
Version:1.00
Trademark:Eina is a trademark of Textaxis
Eina wurde nicht nur als funktionale Brand-Typeface für eine Designhochschule entwickelt, sondern ausdrücklich auch als typografisches Lehr- und Reflexionsprojekt. Die Schrift sollte zeigen, wie unterschiedliche Sans-Serif-Prinzipien systematisch variiert werden können. Besonders bemerkenswert ist ihre Aufteilung in vier stilistische Kategorien — rational, humanistisch, geometrisch und industriell — wodurch sie eher wie ein typografisches Koordinatensystem als wie eine einzelne Groteskfamilie funktioniert.
Dadurch eignet sie sich sehr gut für Corporate Design, Editorial Design, Leitsysteme, Interfaces und anspruchsvolle Webprojekte, bei denen man innerhalb einer Familie unterschiedliche Tonalitäten einsetzen möchte.
Eina was developed not only as a functional brand typeface for a design college, but also explicitly as a typographic educational and reflective project. The typeface was intended to demonstrate how different sans-serif principles can be systematically varied. Particularly noteworthy is its division into four stylistic categories—rational, humanistic, geometric, and industrial—which makes it function more like a typographic coordinate system than a single sans-serif family.
This makes it well-suited for corporate design, editorial design, wayfinding systems, interfaces, and sophisticated web projects where one wishes to employ different tonalities within a single family.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Eina 04 W03 Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Eina 04 W03 SemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Futura (Architype Renner)
4 Schnitte
CLGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2011
Designer:
Hersteller:
Version:
Trademark:
Architype Renner ist eine Rekonstruktion der experimentellen Ideen, die Paul Renner für die frühe Futura entwickelte, die aber bei Bauer weitgehend nicht in die veröffentlichte Schrift übernommen wurden. Besonders spannend sind die geometrischen Alternativformen, etwa bei a, g und r, sowie weitere ungewöhnliche Zeichen, die stärker an die Avantgarde der 1920er-Jahre und an Bauhaus-nahe Universalalphabet-Ideen erinnern. Dadurch wirkt die Schrift radikaler, konstruktiver und historisch „unbereinigter“ als die bekannte Futura, die später zugunsten besserer Marktfähigkeit konventioneller wurde. Für Fliesstext ist Architype Renner deshalb nur bedingt neutral, aber sehr interessant für Headlines, Plakate, Editorial Design, typografische Studien und Projekte, die bewusst den experimentellen Geist der frühen Moderne zeigen wollen.
Architype Renner is a reconstruction of the experimental ideas that Paul Renner developed for the early Futura, but which were largely not incorporated into the typeface published by Bauer. Particularly intriguing are the geometric alternative forms—such as those for a, g, and r—as well as other unusual characters that are more reminiscent of the avant-garde of the 1920s and Bauhaus-inspired universal alphabet concepts. As a result, the typeface appears more radical, more constructive, and historically “unrefined” than the well-known Futura, which later became more conventional in order to improve its marketability. For body text, Architype Renner is therefore only partially neutral, but it is very interesting for headlines, posters, editorial design, typographic studies, and projects that deliberately seek to showcase the experimental spirit of early modernism.
Bezugsquelle:Fonts in Use:
ArchitypeRenner-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
ArchitypeRenner-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
ArchitypeRenner-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
ArchitypeRenner-Demi.woff2
Demi
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Futura (Bitstream)
4 Schnitte
CLGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:1990
Designer:Paul Renner
Hersteller:
Version:
Trademark:
Diese Futura ist Bitstreams digitale Fassung der Futura, einer der einflussreichsten geometrischen Sans-Serifs des 20. Jahrhunderts. Ihre Wirkung entsteht aus einfachen Grundformen, klaren Kreisen, reduzierten Details und einer bewusst modernen, konstruierten Anmutung — sie wirkt dadurch sachlich, optimistisch und bis heute erstaunlich zeitlos. Historisch war Futura eng mit dem Geist der 1920er-Jahre verbunden, aber nicht direkt eine Bauhaus-Schrift; Paul Renner teilte zwar viele moderne Gestaltungsideen, arbeitete jedoch unabhängig von der Bauhaus-Schule.
Für Headlines, Branding, Plakate ist sie sehr stark, für längere Fliesstexte sollte man sie wegen der geometrischen Formen, der geringen X-Höhe und der teils ähnlichen Zeichenformen nur für kurze Texte und/oder grössere Fliestext-Schriftgrössen (>18px) einsetzen.
This Futura is Bitstream’s digital version of Futura, one of the most influential geometric sans-serif typefaces of the 20th century. Its impact stems from simple basic forms, clear circles, minimalist details, and a deliberately modern, constructed appearance—giving it a functional, optimistic feel that remains surprisingly timeless to this day. Historically, Futura was closely associated with the spirit of the 1920s, but it was not directly a Bauhaus typeface; while Paul Renner shared many modern design ideas, he worked independently of the Bauhaus school. It is
very strong for headlines, branding, and posters; for longer body text, however, due to its geometric forms, low x-height, and partially similar character shapes, it should only be used for short texts and/or larger body text font sizes (>18px).
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
FuturaBT-Book.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
FuturaBT-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
FuturaBT-Heavy.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Futura (SMA)
2 Schnitte
BTGeometric Grotesque
Brand Typeface
Erscheinungsjahr:2010
Designer:URW
Hersteller:
Version:
Trademark:
Bei der SMA Futura handelt es sich um eine Digitalisierung der Futura von der URW, die sie für die SMA Solar Technology AG als exklusive Hausschrift herausgab, aber heute nicht mehr vom Unternehmen verwendet wird. Zeitweise wurde sie u. a. auch von MyFonts als SMA Futura Global vertrieben, aber heute ist sie auch dort nicht mehr erhältlich. Wahrscheinlich weil es zuviele Futura-Fassungen gibt.
Inhaltlich steht sie in der Linie der zahlreichen digitalen Futura-Fassungen: geometrische Grundformen, reduzierte Details, klare Kreise und eine konstruktive, moderne Anmutung. URW wollte mit ihr aber keine echte Futura erstellen, sondern eine besser lesbare Variante. Deswegen finde ich sie nicht ganz uninteressant.
SMA Futura is a digitized version of Futura created by URW, which released it as an exclusive corporate typeface for SMA Solar Technology AG; however, the company no longer uses it today. At one point, it was also distributed by MyFonts as SMA Futura Global, but it is no longer available there either. Probably because there are too many Futura variants.
In terms of design, it follows in the tradition of the numerous digital Futura variants: basic geometric shapes, minimal details, clean circles, and a structured, modern look. However, URW’s intention was not to create a true Futura, but rather a more legible version. That’s why I find it somewhat interesting.
Bezugsquelle:Fonts in Use:
SMAFutura-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
SMAFutura-DemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Futura Now
6 Schnitte
CLGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:
Designer:Paul Renner, Steve Matteson, Terrance Weinzierl
Hersteller:
Version:
Trademark:Futura is a registered Trademark of Bauer Types
Futura Now ist eine umfangreiche Neudigitalisierung der Futura auf Basis von Paul Renners Originalentwürfen und versucht, die vielen historisch gewachsenen Futura-Versionen in ein zeitgemäßes, konsistentes Schriftsystem zu überführen. Besonders bemerkenswert ist der große Ausbau: Die Familie umfasst Text-, Headline-, Condensed-, Display- und sogar Script-Varianten sowie Variable Fonts Im Vergleich zu älteren Digitalfassungen wirkt Futura Now weniger wie eine einzelne historische Adaption und mehr wie eine kuratierte, moderne „Gesamt-Futura“ für Branding, Editorial Design, Web, UI und internationale Anwendungen. Für längere Fliesstexte ist vor allem die Text-Unterfamilie interessant, während die Headline- und Display-Schnitte den bekannten konstruktiven, plakativen Futura-Charakter stärker ausspielen.
Futura Now is a comprehensive re-digitization of Futura based on Paul Renner’s original designs, aiming to transform the many historically evolved versions of Futura into a contemporary, consistent typeface system. Particularly noteworthy is the extensive range: The family includes text, headline, condensed, display, and even script variants, as well as variable fonts. Compared to older digital versions, Futura Now feels less like a single historical adaptation and more like a curated, modern “comprehensive Futura” for branding, editorial design, web, UI, and international applications. For longer body text, the text subfamily is particularly interesting, while the headline and display weights play up the familiar constructive, bold Futura character more strongly.
Bezugsquelle:Fonts in Use:
FuturaNowHeadline-Thin.woff2
100
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
FuturaNowHeadline-ExtraLight.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
FuturaNowHeadline-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
FuturaNowHeadline.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
FuturaNowHeadline-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
FuturaNowHeadline-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Garamond (EB)
6 Schnitte
Classical SerifOS
Open Source
Erscheinungsjahr:2017
Designer:
Hersteller:
Version:
Trademark:
Die EB Garamond ist eine digitale Wiederbelebung der Garamond-Schriften des 16. Jahrhunderts und basiert auf dem Egenolff-Berner-Schriftmuster von 1592. Besonders interessant ist, dass es sich bei ihr nicht um eine moderne „Garamond-Interpretation“ handelt, sondern dass man sich sehr nahe an den historischen Druckvorlagen hielt: die Antiqua von Claude Garamont und die Kursiven von Robert Granjon.
Dadurch wirkt die EB Garamond klassisch, literarisch und humanistisch, aber weniger glatt als viele andere Garamond-Interpretationen. Sie eignet sich sehr gut für längere Lesetexte, Editorial Design, Essays, kulturelle Websites und hochwertige Typografie im Web — weniger für technische Interfaces.
EB Garamond is a digital revival of the 16th-century Garamond typefaces and is based on the Egenolff-Berner type specimen from 1592. What is particularly interesting is that it is not a modern “interpretation of Garamond,” but rather stays very close to the historical printing models: the Antiqua by Claude Garamont and the cursives by Robert Granjon.
As a result, EB Garamond has a classic, literary, and humanistic feel, yet appears less smooth than many other Garamond interpretations. It is well-suited for longer reading texts, editorial design, essays, cultural websites, and high-quality web typography—less so for technical interfaces.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
eb-garamond-v32-latin-italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
eb-garamond-v32-latin-500.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
eb-garamond-v32-latin-600.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
eb-garamond-v32-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
eb-garamond-v32-latin-800.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
GeoGrotesque
1 Schnitte
CLGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2008, 2015
Designer:Eduardo Manso
Hersteller:Emtype Foundry
Version:
Trademark:Geogrotesque Cond is a trademark of Eduardo Manso.
Die Geogrotesque ist eine geometrisch-technisch konstruierte Sans Serif mit leicht modularer Grundidee, wird aber durch subtil gerundete Endungen deutlich wärmer und zugänglicher als viele streng geometrische Grotesks. Bemerkenswert ist das konsequente formale Prinzip: Die Zeichen folgen einem gemeinsamen konstruktiven System, werden aber optisch so angepasst, dass daraus eine tatsächlich brauchbare Text- und Display-Schrift entsteht.
Sie eignet sich besonders für Branding, Webdesign, Apps, Editorial Design, Verpackungen und Headlines, bei kurzen Lesetexten auch als charaktervolle Alternative zu neutraleren Grotesks. 2015 wurde sie zu einer größeren Superfamilie ausgebaut, unter anderem mit Condensed-, Expanded-, Stencil-, Slab- und Mono-Varianten, was ihre Nachwirkung als eigenständiges, technisch-warmes Schriftsystem zeigt.
Geogrotesque is a geometrically and technically constructed sans serif with a slightly modular foundation, yet its subtly rounded terminals make it significantly warmer and more approachable than many strictly geometric sans serifs. Its consistent formal principle is noteworthy: the characters follow a common constructive system but are visually adapted to create a truly versatile text and display typeface.
It is particularly well-suited for branding, web design, apps, editorial design, packaging, and headlines; for short body text, it also serves as a distinctive alternative to more neutral sans-serif fonts. In 2015, it was expanded into a larger superfamily, including Condensed, Expanded, Stencil, Slab, and Mono variants, demonstrating its impact as a self-contained, technically sophisticated yet warm typeface system.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Graphit
4 Schnitte
CLDecorative GrotesqueGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2019
Designer:
Hersteller:Livius Dietzel, Tom Hossfeld
Version:
Trademark:Graphit is a trademark of Hannes von Doehren, Livius Dietzel and Tom Hossfeld.
Graphit verbindet klare geometrische Grundformen mit kantigen, bewusst handwerklich wirkenden Details und wirkt dadurch weniger glatt als viele klassische geometrische Sans-Serifs. Besonders prägnant ist das formale Spiel von Kreis, Quadrat und Dreieck: Einige typografische Details sind ausdrücklich aus dreieckigen Formen entwickelt, was der Schrift einen eigenständigen, leicht konstruktiven Charakter gibt.
Auffällig sind unter anderem kompromisslose Zeichenformen bei G, Q, f, k und 1; für kleinere Größen und längere Texte gibt es alternative Zeichen wie ein zweistöckiges a sowie vereinfachte Formen für Q, f, r und t. Dadurch eignet sich Graphit sowohl für starke Headlines und Branding als auch für kürzere Lesetexte, wenn eine moderne Grotesk mit mehr Wiedererkennungswert gesucht wird.
Graphit combines clean, basic geometric shapes with angular details that deliberately evoke a handcrafted look, giving it a less polished appearance than many classic geometric sans-serifs. The interplay of circles, squares, and triangles is particularly striking: some typographic details are explicitly derived from triangular shapes, lending the typeface a distinctive, slightly constructive character.
Notable features include the uncompromising shapes of the G, Q, f, k, and 1; for smaller sizes and longer texts, there are alternative characters such as a two-story a, as well as simplified forms for Q, f, r, and t. This makes Graphit suitable for both bold headlines and branding, as well as for shorter body text when a modern sans-serif with high recognition value is desired.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
graphit-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
graphit-medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
graphit-bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Helvetica (1981)
5 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:1957
Designer:Max Miedinger, unter Leitung von Eduard Hoffmann
Hersteller:sondern 1957 als Bleisatzschrift bei der Haas’schen
Version:
Trademark:Copyright (c) 1985, 1987, 1988, 1994 Adobe Systems Incorporated. All Rights Reserved. Helvetica is a trademark of Linotype-Hell AG and/or its subsidiaries.
Die Helvetica entstand nicht als digitale Schrift, sondern 1957 als Bleisatzschrift bei der Haas’schen Schriftgiesserei. Ziel war eine zeitgemässe, neutrale Grotesk, die im Schweizer Markt gegen Akzidenz-Grotesk, Monotype Grotesque und die neue Univers bestehen konnte. 1960 wurde die Schrift für den internationalen Vertrieb in Helvetica umbenannt; der Name verweist auf die Schweiz als Ursprungsland der Schrift.
Die Helvetica wurde später sehr vom Linotype-Maschinensatz geprägt. Gerade die Übertragung auf die Linotype-Maschinen brachte technische Kompromisse mit sich: gleiche Zeichenbreiten für Regular/Bold oder Regular/Italic, eingeschränkte Überhänge und Anpassungen an die Maschine. Spätere Foto- und Digitalversionen, wie diese aus dem Jahr 1981 übernahmen viele dieser Kompromisse.
Stilistisch steht die Helvetica für eine sehr kontrollierte Neutralität: grosse x-Höhe, enge Zurichtung, horizontale und vertikale Strichabschlüsse, ruhige Proportionen und ein dichter, geschlossener Grauwert. Genau daraus entsteht ihre berühmte Wirkung: Sie scheint sich zurückzunehmen, prägt aber trotzdem fast jede Gestaltung massiv mit.
Helvetica was not originally created as a digital typeface, but as a lead typeface in 1957 at the Haas Type Foundry. The goal was to create a contemporary, neutral sans-serif typeface that could compete in the Swiss market against Akzidenz-Grotesk, Monotype Grotesque, and the new Univers. In 1960, the typeface was renamed Helvetica for international distribution; the name refers to Switzerland as the typeface’s country of origin.
Helvetica was later heavily influenced by Linotype typesetting. The transition to Linotype machines in particular entailed technical compromises: identical character widths for Regular/Bold or Regular/Italic, limited serifs, and adaptations to the machine. Later phototypeset and digital versions, such as this one from 1981, adopted many of these compromises.
Stylistically, Helvetica embodies a highly controlled neutrality: large x-height, tight spacing, horizontal and vertical stroke ends, balanced proportions, and a dense, closed gray value. This is precisely what gives it its famous effect: it appears to take a back seat, yet still exerts a massive influence on nearly every design.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Helvetica.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Helvetica-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Helvetica-BoldOblique.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Helvetica-Oblique.woff2
Oblique
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Helvetica (Neue, 1983)
10 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:1983
Designer:Max Miedinger, unter Leitung von Eduard Hoffmann
Hersteller:
Version:1.000
Trademark:Helvetica, Neue Helvetica is a trademark of Heidelberger Druckmaschinen AG.
Die Neue Helvetica erschien 1983 bei der D. Stempel AG, einem Tochterunternehmen von Linotype. Sie war eine Überarbeitung der Helvetica von 1957 mit dem Ziel, die über Jahrzehnte gewachsene Familie zu vereinheitlichen: Gewichte, Breiten, Proportionen, Zeichenabstände, Satzzeichen und Ziffern sollten systematischer zusammenpassen. Es wurden auch neue Schnitte hinzugefügt, wie die Extra-Light und die Thin. Sie ist damit weniger eine neue Idee als eine familienlogische Neuordnung.
Stilistisch wirkt Neue Helvetica ein wenig eleganter, aber auch kontrollierter und geschlossener als viele ältere Helvetica-Fassungen.
Neue Helvetica was released in 1983 by D. Stempel AG, a subsidiary of Linotype. It was a revision of the 1957 Helvetica, aimed at standardizing the family that had grown over decades: weights, widths, proportions, character spacing, punctuation, and numerals were to fit together more systematically. New weights were also added, such as Extra Light and Thin. It is thus less a new idea than a logical reorganization of the family.
Stylistically, Neue Helvetica appears a bit more elegant, but also more controlled and cohesive than many older versions of Helvetica.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNeueLTPro-Th.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNeueLTPro-Lt.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNeueLTPro-LtIt.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNeueLTPro-Roman.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNeueLTPro-It.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNeueLTPro-Md.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNeueLTPro-Bd.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNeueLTPro-Hv.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNeueLTPro-Blk.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Helvetica Now (Display)
16 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2019
Designer:Max Miedinger, Charles Nix, Jan Hendrik Weber
Hersteller:
Version:1.20
Trademark:Helvetica is a trademark of Monotype Imaging Inc. registered in the U.S. Patent and Trademark Office and may be registered in certain other jurisdictions.
Die Helvetica Now ist nicht einfach eine weitere neue Helvetica, sondern Monotypes Versuch, Helvetica für das 21. Jahrhundert neu zu zeichnen. Die Schrift wurde für heutige Anwendungen neu in drei optische Grössen gezeichnet: Micro für sehr kleine Grössen und Interfaces, Text für normale Lesetexte und Display für grosse, markante Anwendungen. Diese optischen Grössen sind der wichtigste Fortschritt gegenüber vielen älteren digitalen Helvetica-Fassungen.
Stilistisch bleibt Helvetica Now klar in der Helvetica-Tradition: neutral, rational, schweizerisch, sachlich. Aber sie ist unseren digitalen Use Cases angepasst. Die Micro-Schnitte sind offener und weisen ein grösseren Buchstabenabstadn auf, damit sie in kleinen Grössen nicht zulaufen. Die Text-Schnitte vermitteln zwischen Lesbarkeit und klassischer Helvetica-Wirkung. Die Display-Schnitte dürfen wieder enger, eleganter und prägnanter auftreten.
Helvetica Now isn’t just another new version of Helvetica; it’s Monotype’s attempt to redesign Helvetica for the 21st century. The typeface has been redesigned for today’s applications in three optical sizes: Micro for very small sizes and interfaces, Text for standard body copy, and Display for large, striking applications. These optical sizes represent the most significant advancement over many older digital versions of Helvetica.
Stylistically, Helvetica Now remains firmly rooted in the Helvetica tradition: neutral, rational, Swiss, and functional. But it has been adapted to our digital use cases. The Micro weights are more open and feature greater letter spacing so they do not crowd together at small sizes. The Text weights strike a balance between readability and the classic Helvetica look. The Display weights are allowed to appear tighter, more elegant, and more striking once again.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-HairIt.woff2
100
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-Th.woff2
150
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-ThIt.woff2
150
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-XLt.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-XLtIt.woff2
200
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-Lt.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-LtIt.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-Italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-Md.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-MdIt.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-Bd.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-BdIt.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-XBd.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowDisplay-Blk.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Helvetica Now (Text)
12 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:
Designer:
Hersteller:
Version:
Trademark:
Bezugsquelle:Fonts in Use:
HelveticaNowText-ExtraLight.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-ExtLtIta.woff2
200
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-LightItalic.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-RegIta.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-MediumItalic.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-BoldItalic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-ExtraBold.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
HelveticaNowText-ExtBdIta.woff2
800
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
IBM-Plex
9 Schnitte
Decorative GrotesqueOS
Open Source
Erscheinungsjahr:2018
Designer:
Hersteller:
Version:
Trademark:IBM Plex is a trademark of IBM Corp, registered in many jurisdictions worldwide.
IBM Plex wurde entwickelt, um IBM nach Jahrzehnten mit Helvetica eine eigenständige, global nutzbare typografische Stimme zu geben. Die Familie ist als großes Schriftsystem angelegt und umfasst Sans, Serif, Mono und Condensed sowie zahlreiche internationale Schriftsysteme. Gestalterisch verbindet Plex eine sachlich-technische Grotesk-Anmutung mit wärmeren, menschlicheren Details — passend zur IBM-Idee vom Zusammenspiel von Mensch und Maschine. Bemerkenswert ist vor allem, dass IBM diese Corporate Typeface nicht exklusiv verschlossen hält, sondern als hochwertiges Open-Source-Projekt öffentlich verfügbar macht.
IBM Plex was developed to give IBM a distinctive, globally applicable typographic voice after decades of using Helvetica. The family is designed as a comprehensive type system and includes sans, serif, mono, and condensed styles, as well as numerous international character sets. In terms of design, Plex combines a functional, technical sans-serif aesthetic with warmer, more human details—in keeping with IBM’s vision of the interplay between humans and machines. What is particularly noteworthy is that IBM does not keep this corporate typeface under exclusive lock and key, but instead makes it publicly available as a high-quality open-source project.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
IBMPlexSans-ExtraLight.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
IBMPlexSans-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
IBMPlexSans-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
IBMPlexSans-Text.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
IBMPlexSans-Italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
IBMPlexSans-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
IBMPlexSans-SemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
IBMPlexSans-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Inter
17 Schnitte
Neo-GrotesqueOS
Open Source
Erscheinungsjahr:2017
Designer:
Hersteller:
Version:4.001
Trademark:Inter UI and Inter is a trademark of rsms.
Die Inter wurde gezielt für digitale Interfaces und Bildschirmtext entwickelt und begann als Versuch, bei kleinen Größen um etwa 11 px besonders scharf und lesbar zu funktionieren. Bemerkenswert sind die hohe x-Höhe, offenen Formen, der extrem grosse Zeichensatz, Variable-Font-Unterstützung sowie viele praktische OpenType-Features wie tabellarische Ziffern und alternative Zeichen.
Die Schrift wirkt neutral, modern und sehr funktional, hat aber etwas mehr Ruhe und Präzision als viele generische Systemschriften. Dadurch eignet sie sich besonders gut für Web-Apps, Interfaces, Designsysteme, Dashboards, Formulare und längere digitale Fliesstexte.
Inter was specifically developed for digital interfaces and on-screen text, and began as an experiment to ensure exceptional sharpness and readability at small sizes, around 11 px. Notable features include the tall x-height, open forms, the extremely large character set, support for variable fonts, and many practical OpenType features such as tabular figures and alternative characters.
The typeface appears neutral, modern, and highly functional, yet it possesses a touch more calmness and precision than many generic system fonts. This makes it particularly well-suited for web apps, interfaces, design systems, dashboards, forms, and longer blocks of digital text.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
InterDisplay-Thin.woff2
100
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Inter-ExtraLight.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
InterDisplay-ExtraLight.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Inter-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
InterDisplay-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Inter-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
InterDisplay-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Inter-Italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Inter-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
InterDisplay-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Inter-SemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
InterDisplay-SemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Inter-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
InterDisplay-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Inter-ExtraBold.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
InterDisplay-ExtraBold.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Jost
10 Schnitte
Geometric GrotesqueOS
Open Source
Erscheinungsjahr:2017, 2018, 2020
Designer:Owen Earl
Hersteller:
Version:3.710
Trademark:
Jost ist eine zeitgenössische Open-Source-Interpretation geometrischer deutscher Sans-Serifs der 1920er-Jahre. Sie steht Futura in Proportionen, Kreisformen und konstruktivem Grundcharakter nahe, unterscheidet sich aber bewusst in einzelnen Zeichenformen — besonders durch das standardmäßig zweistöckige a. Dadurch wirkt sie etwas texttauglicher und weniger radikal-geometrisch, bleibt aber klar im Umfeld der konstruierten Moderne verankert.
Sie eignet sich gut für Headlines, Branding, Landingpages, UI-Elemente und kürzere Fliesstexte; bei sehr langen Texten sollte man sie wegen ihres konstruierten, geometrischen Charakters bewusst testen.
Hinweis: Die Jost verfügt in ihrer Variable-Version viele alternative Zeichen wie das einstöckige a!
Jost is a contemporary open-source interpretation of geometric German sans-serif typefaces from the 1920s. It is similar to Futura in terms of proportions, circular forms, and basic constructive character, but deliberately differs in individual letterforms—particularly through its standard two-story “a.” This makes it somewhat more suitable for body text and less radically geometric, while remaining firmly anchored in the realm of constructed modernism.
It is well-suited for headlines, branding, landing pages, UI elements, and shorter body text; for very long texts, it should be tested carefully due to its constructed, geometric character.
Note: The variable version of Jost features many alternative characters, such as the single-story “a”!
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
jost-v20-latin-200.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
jost-v20-latin-300.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
jost-v20-latin-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
jost-v20-latin-italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
jost-v20-latin-500.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
jost-v20-latin-600.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
jost-v20-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
jost-v20-latin-800.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
jost-v20-latin-900.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Lexend
5 Schnitte
Geometric GrotesqueOS
Open Source
Erscheinungsjahr:
Designer:Bonnie Shaver-Troup, Thomas Jockin
Hersteller:
Version:1.008
Trademark:
Die Lexend wurde mit Blick auf eine hohe Lesbarkeit entwickelt. Die Schrift hat grosszügigere Buchstabenformen, offenere Innenräume und eine angenehmere Laufweite, wodurch Texte ruhiger und zugänglicher wirken. Gerade für Websites, Anwendungen mit längeren Texten oder barriereärmere Interfaces kann Lexend eine interessante Alternative sein. Ihr Charakter ist freundlich, klar und zeitgemäss.
Lexend was designed with readability in mind. The typeface features more generous letterforms, more open interiors, and a more comfortable letter spacing, making text appear calmer and more accessible. Lexend can be an interesting alternative, particularly for websites, applications with longer texts, or more accessible interfaces. Its character is friendly, clear, and contemporary.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Lexend-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Lexend-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Lexend-SemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Lexend-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Libre Baskerville
8 Schnitte
Classical SerifOS
Open Source
Erscheinungsjahr:2012
Designer:Pablo Impallari
Hersteller:
Version:
Trademark:
Die «Libre Baskerville» ist eine für das Web optimierte Interpretation der Baskerville und basiert auf einer Fassung der American Type Founders aus dem Jahr 1941.
Dabei handelt es sich bei der Baskerville um eine sogenannte Barock-/Übergangsantiqua mit einem im Vergleich zur Garamond stärkeren Strichstärkenkontrast, einer aufrechteren Achse, schärferen Serifen und einem rationaleren Schriftbild.
Im Unterschied zu vielen klassischen Baskerville-Digitalisierungen wurde sie mit einer höheren x-Höhe, offeneren Punzen und einem etwas geringeren Strichstärkenkontrast ausdrücklich für Bildschirmtext in etwa 16px angepasst.
Dadurch bleibt der elegante, klassische Charakter erhalten, wirkt im Web aber robuster und besser lesbar.
Sie eignet sich besonders für längere Lesetexte, Editorial Design, Essays, kulturelle Websites und hochwertige Webtypografie — weniger für sehr kleine UI-Labels oder stark technische Interfaces.
“Libre Baskerville” is a version of Baskerville optimized for the web and is based on a 1941 version by American Type Founders.
Baskerville is a so-called Baroque/transitional antiqua with a stronger stroke weight contrast compared to Garamond, a more upright axis, sharper serifs, and a more rational typeface design.
Unlike many classic Baskerville digitizations, it has been specifically adapted for screen text at around 16px with a higher x-height, more open counters, and a slightly lower stroke weight contrast.
This preserves its elegant, classic character while making it appear more robust and legible on the web.
It is particularly well-suited for longer reading texts, editorial design, essays, cultural websites, and high-quality web typography—less so for very small UI labels or highly technical interfaces.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
libre-baskerville-v24-latin-500.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
libre-baskerville-v24-latin-500italic.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
libre-baskerville-v24-latin-600.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
libre-baskerville-v24-latin-600italic.woff2
600
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
libre-baskerville-v24-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
libre-baskerville-v24-latin-700italic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
libre-baskerville-v24-latin-italic.woff2
baskerville-v24-latin-italic
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Lora
8 Schnitte
Modern SerifOS
Open Source
Erscheinungsjahr:
Designer:Olga Karpushina
Hersteller:
Version:3.008
Trademark:
Lora ist eine zeitgenössische Serifenschrift für Lesetext. Sie verbindet moderaten Strichstärkenkontrast mit kräftigen Serifen und weichen Kurven, wodurch sie literarisch, warm und zugleich gut strukturiert wirkt. Besonders bemerkenswert ist, dass sie ausdrücklich für Bildschirmdarstellung optimiert wurde, aber auch im Druck funktioniert.
Sie eignet sich sehr gut für längere Fliesstexte, Essays, Blogs, Editorial Design, kulturelle Websites und erzählerische Inhalte; für technische Interfaces oder sehr kleine UI-Beschriftungen ist sie weniger geeignet.
Lora is a contemporary serif typeface designed for body text. It combines moderate stroke weight contrast with bold serifs and soft curves, giving it a literary, warm, yet well-structured appearance. It is particularly noteworthy that it has been specifically optimized for screen display, yet also works well in print.
It is well-suited for longer body copy, essays, blogs, editorial design, cultural websites, and narrative content; it is less suitable for technical interfaces or very small UI labels.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lora-v37-latin-500.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lora-v37-latin-500italic.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lora-v37-latin-600.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lora-v37-latin-600italic.woff2
600
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lora-v37-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lora-v37-latin-700italic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
lora-v37-latin-italic.woff2
v37-latin-italic
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Melange Grotesk
9 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:
Designer:Michael Clasen
Hersteller:
Version:1.00
Trademark:
Melange Grotesk versteht sich als Mischung verschiedener Grotesk-Traditionen des 20. Jahrhunderts: frühe Grotesks, Neo-Grotesks und geometrische Ansätze werden zu einer warmen, modernistischen Sans Serif verbunden.
Besonders interessant ist der Bezug zu systematischen Entwurfsansätzen etwa von Walter Käch, kombiniert mit der optischen Ausgewogenheit und Wärme späterer Neo-Grotesks wie Helvetica oder Univers. Dadurch wirkt die Melange Grotesk klar, sachlich und zeitgemäss, aber weniger kühl oder anonym als viele streng neutrale Grotesks.
Sie eignet sich besonders für Branding, Editorial Design, Websites und kulturelle oder gestalterisch anspruchsvolle Auftritte, bei denen eine moderne Grotesk mit historischer Tiefe und etwas mehr Persönlichkeit gesucht wird.
Melange Grotesk is conceived as a blend of various 20th-century sans-serif traditions: early sans-serifs, neo-grotesques, and geometric approaches are combined into a warm, modernist sans-serif.
Particularly interesting is the connection to systematic design approaches, such as those of Walter Käch, combined with the visual balance and warmth of later neo-grotesques like Helvetica or Univers. As a result, Melange Grotesk appears clear, functional, and contemporary, yet less cold or anonymous than many strictly neutral grotesques.
It is particularly well-suited for branding, editorial design, websites, and culturally or visually sophisticated projects where a modern sans-serif with historical depth and a touch more personality is desired.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
KMRMelangeGrotesk-Th.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
KMRMelangeGrotesk-Lt.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
KMRMelangeGrotesk.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
KMRMelangeGrotesk-Md.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
KMRMelangeGrotesk-SmBd.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
KMRMelangeGrotesk-Bd.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
KMRMelangeGrotesk-XBdIt.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
KMRMelangeGrotesk-Blk.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Merriweather
14 Schnitte
Modern SerifOS
Open Source
Erscheinungsjahr:2011 - 2024
Designer:Merriweather
Hersteller:
Version:
Trademark:
Merriweather ist eine robuste Serifenschrift, die ausdrücklich für angenehmes Lesen auf Bildschirmen entwickelt wurde. Auffällig sind die sehr große x-Höhe, leicht schmal laufende Buchstabenformen, offene Punzen, kräftige Serifen und eine leichte diagonale Spannung, wodurch sie auch in kleineren Webgrößen stabil und gut lesbar bleibt.
Stilistisch wirkt sie wie eine zeitgenössische Text-Antiqua mit barocken Zügen: seriös, warm und etwas kräftiger als viele feinere Buchschriften. Sie eignet sich besonders für längere Webtexte, Blogs, Essays, redaktionelle Inhalte und Kombinationen mit Merriweather Sans
Merriweather is a robust serif typeface designed specifically for comfortable reading on screens. Its striking features include a very tall x-height, slightly narrow letterforms, open counters, bold serifs, and a subtle diagonal tension, which ensure it remains stable and highly legible even at smaller web sizes.
Stylistically, it resembles a contemporary text Antiqua with Baroque elements: serious, warm, and slightly bolder than many finer book typefaces. It is particularly well-suited for longer web texts, blogs, essays, editorial content, and combinations with Merriweather Sans.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-300italic.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-500.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-500italic.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-600.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-600italic.woff2
600
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-700italic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-800.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-800italic.woff2
800
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-900.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
merriweather-v33-latin-900italic.woff2
900
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Neue Haas Grotesk
16 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2011
Designer:Christian Schwartz after Max Miedinger
Hersteller:Commercial Type
Version:
Trademark:Neue Haas Grotesk is a trademark of Linotype AG, a Monotype Imaging company.
Die heute bekannte Neue Haas Grotesk ist eine digitale
Restaurierung der historischen Neuen Haas Grotesk (der ursprünglichen
Helvetica) aus den Jahren 1957-61.
Die Neue Haas Groteskist für viele Typografen die spannendste Helvetica-Fassung, weil sie am stärksten zum Ursprung zurückgeht. Sie ist nicht die geglättete Corporate-Helvetica von 1983 und auch nicht die moderne Monotype-Neuinterpretation von 2019, sondern eine digitale Restaurierung der ursprünglichen Entwürfe von Max Miedinger und Eduard Hoffmann.
Christian Schwartz arbeitete sechs Jahre an der Erstellung, um die Qualitäten der frühen Neue Haas Grotesk wieder sichtbar zu machen: die dichte Zurichtung, die spezifische Textfarbe, die ursprünglicheren Proportionen und die weniger regularisierte Formensprache.
Besonders wichtig war ihm die Aufteilung in Text und Display. Damit wird wieder nachvollzogen, was im Bleisatz selbstverständlich war: Schrift muss je nach Grösse anders zugerichtet und teilweise anders gezeichnet sein. Im direkten Vergleich wirkt Neue Haas Grotesk lebendiger und weniger glatt als die Neue Helvetica. Deshalb kann man durchaus sagen: Wer die „originale Helvetica“ sucht, greift zur Neue Haas Grotesk.
The Neue Haas Grotesk we know today is a digital
restoration of the historic Neue Haas Grotesk (the original
Helvetica) from 1957–61.
For many typographers, the Neue Haas Groteskis the most exciting version of Helvetica because it most closely reflects its origins. It is neither the smoothed-out corporate Helvetica from 1983 nor the modern Monotype reinterpretation from 2019, but rather a digital restoration of the original designs by Max Miedinger and Eduard Hoffmann.
Christian Schwartz spent six years working on the project to bring the qualities of the early Neue Haas Grotesk back to life: the dense character spacing, the specific text color, the more original proportions, and the less standardized design language.
The distinction between text and display was particularly important to him. This restores what was taken for granted in lead typesetting: typefaces must be set differently depending on size and, in some cases, drawn differently. In a direct comparison, Neue Haas Grotesk appears more lively and less smooth than Neue Helvetica. That is why it is fair to say: If you are looking for the “original Helvetica,” choose Neue Haas Grotesk.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-XXThinItalic.woff2
100
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-XThin.woff2
150
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-XThinItalic.woff2
150
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-Thin.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-ThinItalic.woff2
200
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-LightItalic.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-Roman.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-RomanItalic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-Mediu.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-MediumItalic.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-BoldItalic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-Black.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
NeueHaasDisplay-BlackItalic.woff2
900
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAI Sans
10 Schnitte
BTNeo-Grotesque
Brand Typeface
Erscheinungsjahr:2025
Designer:Dinamo Typefaces
Hersteller:Dinamo Typefaces
Version:1.000
Trademark:OpenAI OpCo. L.L.C.
OpenAI Sans wurde als zentrale Hausschrift für die neue visuelle Identität von OpenAI entwickelt und soll die zuvor uneinheitliche typografische Markenwelt in ein konsistentes System überführen. Die Schrift verbindet geometrische Präzision mit weicheren, runden und zugänglichen Formen; OpenAI beschreibt sie ausdrücklich als Balance zwischen technischer Klarheit und menschlicher Wärme.
Auffällig sind die kreisnahe Grundform, speziell angepasste Glyphen, gute Ausrichtung für digitale und gedruckte Anwendungen sowie praktische OpenType-Funktionen wie Ligaturen, tabellarische Ziffern und case-sensitive punctuation. Für deinen Schriftkompass ist sie besonders interessant als aktuelles Beispiel einer Tech-Corporate-Typeface, die nicht nur neutral funktionieren soll, sondern eine freundliche, vertrauensbildende Markenstimme für KI-Produkte formuliert.
OpenAI Sans was developed as the primary typeface for OpenAI’s new visual identity and is intended to transform the previously inconsistent typographic brand landscape into a cohesive system. The typeface combines geometric precision with softer, rounded, and accessible forms; OpenAI explicitly describes it as a balance between technical clarity and human warmth.
Notable features include the nearly circular basic form, specially adapted glyphs, good alignment for digital and print applications, and practical OpenType features such as ligatures, tabular figures, and case-sensitive punctuation. For your typeface guide, it is particularly interesting as a current example of a tech corporate typeface that is not only intended to be neutral but also formulates a friendly, trust-building brand voice for AI products.
Bezugsquelle:Fonts in Use:
OpenAISans-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAISans-LightItalic.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAISans-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAISans-RegularItalic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAISans-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAISans-MediumItalic.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAISans-Semibold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAISans-SemiboldItalic.woff2
600
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAISans-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
OpenAISans-BoldItalic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Open Sans
12 Schnitte
Neo-GrotesqueOS
Open Source
Erscheinungsjahr:2011
Designer:Steve Matteson
Hersteller:
Version:3.003
Trademark:
Open Sans ist eine humanistische Sans Serif, die im Auftrag von Google entwickelt wurde und auf Steve Mattesons früherer Droid Sans aufbaut. Gegenüber Droid Sans wurden die Formen weiter geöffnet und breiter angelegt, wodurch Open Sans besonders freundlich, neutral und gut lesbar für Web, Mobile und Interfaces wirkt.
Typisch sind die große x-Höhe, offenen Punzen, aufrechte Betonung und der ruhige, unaufdringliche Gesamteindruck. Sie eignet sich sehr gut für Websites, UI-Texte, Formulare, längere digitale Fliesstexte und Designsysteme — wirkt heute aber auch etwas vertraut bzw. „typisch Web der 2010er“, weil sie extrem weit verbreitet war.
Open Sans is a humanist sans serif font developed on behalf of Google and based on Steve Matteson’s earlier Droid Sans. Compared to Droid Sans, the letterforms have been opened up further and made wider, giving Open Sans a particularly friendly, neutral, and highly legible appearance for web, mobile, and interfaces.
Characteristic features include the large x-height, open counters, upright slant, and a calm, unobtrusive overall impression. It is very well suited for websites, UI text, forms, longer digital body copy, and design systems—though today it also feels somewhat familiar or “typical of the 2010s web” because it was so widely used.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-300italic.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-500.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-500italic.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-600.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-600italic.woff2
600
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-700italic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-800.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-800italic.woff2
800
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
open-sans-v44-latin-italic.woff2
sans-v44-latin-italic
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Pretendard
9 Schnitte
Neo-GrotesqueOS
Open Source
Erscheinungsjahr:2021
Designer:Kil Hyung-jin
Hersteller:Kil Hyung-jin
Version:1.309
Trademark:
Pretendard ist eine moderne System-UI-Schrift für plattformübergreifende Produkte und mehrsprachige Typografie. Sie basiert auf Einflüssen aus der Inter, Source Han Sans und M PLUS 1p und führt koreanische, lateinische und japanische Schriftzeichen visuell möglichst harmonisch zusammen.
Bemerkenswert ist ihre sehr praktische Ausrichtung: hohe Lesbarkeit, neun Gewichte, Variable-Font-Unterstützung und ein breiter Zeichensatz machen sie besonders interessant für Interfaces, Websites, Apps und internationale Designsysteme. Stilistisch wirkt Pretendard wie eine ruhige, zeitgemäße Neo-Grotesk — neutral genug für UI-Texte, aber sorgfältiger auf mehrsprachige digitale Nutzung abgestimmt als viele westlich geprägte Systemfont-Alternativen.
Pretendard is a modern system UI font designed for cross-platform products and multilingual typography. It draws inspiration from Inter, Source Han Sans, and M PLUS 1p, and visually blends Korean, Latin, and Japanese characters as harmoniously as possible. Its highly practical
design is noteworthy: high readability, nine weights, variable font support, and a broad character set make it particularly well-suited for interfaces, websites, apps, and international design systems. Stylistically, Pretendard comes across as a calm, contemporary neo-grotesque—neutral enough for UI text, yet more carefully tailored to multilingual digital use than many Western-influenced system font alternatives.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Pretendard-ExtraLight.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Pretendard-Light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Pretendard-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Pretendard-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Pretendard-SemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Pretendard-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Pretendard-ExtraBold.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Pretendard-Black.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
PT-Serif
4 Schnitte
Modern SerifOS
Open Source
Erscheinungsjahr:
Designer:Alexandra Korolkova, mit Olga Umpeleva unter Leitung von Vladimir Yefimov
Hersteller:ParaType
Version:1.000W OFL
Trademark:
PT Serif ist eine robuste Serifen-Schrift, die als Teil des Projekts „Public Types of Russian Federation“ entwickelt wurde und besonders auf breite Sprachunterstützung für lateinische und kyrillische Schriftsysteme ausgelegt ist.
Sie ist als Gegenstück zu PT Sans konzipiert und harmoniert deshalb gut mit ihr in gemischten typografischen Systemen. Bemerkenswert sind die Verbindung aus klassischer Serifentradition, humanistischen Details und praktischer Lesbarkeit für digitale wie gedruckte Anwendungen. Zusätzlich gibt es Caption-Schnitte für kleine Schriftgrößen, was sie besonders interessant für umfangreiche und komplexe Dokumentations-Projekte, redaktionelle Inhalte und mehrsprachige Websites macht.
PT Serif is a robust serif typeface developed as part of the “Public Types of the Russian Federation” project and specifically designed to offer broad language support for both Latin and Cyrillic scripts.
It was conceived as a counterpart to PT Sans and therefore harmonizes well with it in mixed typographic systems. Noteworthy features include the combination of classic serif tradition, humanistic details, and practical readability for both digital and print applications. Additionally, it offers caption weights for small font sizes, making it particularly suitable for extensive and complex documentation projects, editorial content, and multilingual websites.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
pt-serif-v19-latin-italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
pt-serif-v19-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
pt-serif-v19-latin-700italic.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Public Sans
10 Schnitte
American GothicOS
Open Source
Erscheinungsjahr:2015
Designer:United States Web Design System
Hersteller:
Version:2.001
Trademark:
Die Public Sans entstand im Umfeld des United States Web Design System (USWDS), also des Designsystems für digitale Angebote der US-Regierung.
Es handelt sich bei ihr um eine sachliche, neutrale Sans Serif für digitale Interfaces. Sie basiert auf Libre Franklin, wurde aber für den Einsatz in Web- und UI-Umgebungen angepasst und soll gut mit gängigen Systemschriften wie San Francisco, Segoe UI oder Roboto harmonieren.
Sie wirkt seriös, zugänglich und funktional, ohne stark nach Marke oder Mode auszusehen. Sie ist besonders interessant als moderne Alternative zu Arial oder Helvetica — neutral, robust, gut lesbar und sehr praxistauglich für Websites, Formulare und Designsysteme.
Public Sans was developed as part of the United States Web Design System (USWDS), the design system for the U.S. government’s digital offerings.
It is a clean, neutral sans-serif font designed for digital interfaces. Based on Libre Franklin, it has been adapted for use in web and UI environments and is intended to harmonize well with common system fonts such as San Francisco, Segoe UI, or Roboto.
It appears professional, accessible, and functional without looking overly branded or trendy. It is particularly interesting as a modern alternative to Arial or Helvetica—neutral, robust, highly legible, and very practical for websites, forms, and design systems.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
public-sans-v21-latin-200.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
public-sans-v21-latin-300.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
public-sans-v21-latin-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
public-sans-v21-latin-italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
public-sans-v21-latin-500.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
public-sans-v21-latin-600.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
public-sans-v21-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
public-sans-v21-latin-800.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
public-sans-v21-latin-900.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Roboto
7 Schnitte
Neo-GrotesqueOS
Open Source
Erscheinungsjahr:2011, 2014
Designer:Christian Robertson
Hersteller:
Version:3.015
Trademark:
Roboto wurde als Systemschrift für Android entwickelt, weil Droid Sans für modernere, höher auflösende Geräte nicht mehr ideal wirkte. Gestalterisch verbindet sie eine mechanisch-geometrische Grundstruktur mit offenen, freundlichen Kurven und wirkt dadurch neutral, technisch und zugleich zugänglich.
Besonders wichtig ist die Überarbeitung von 2014: Für Material Design wurde fast jedes Zeichen angepasst, damit Roboto auf sehr unterschiedlichen Geräten — vom Smartphone bis zum Fernseher — zuverlässig funktioniert.
Dadurch eignet sie sich sehr gut für device-übergreifende «Digital Interfaces». Als extrem verbreitete Google-/Android-Schrift wirkt sie heute mittlerweile sehr vertraut und weniger individuell.
Roboto was developed as the system font for Android because Droid Sans no longer looked ideal on more modern, high-resolution devices. Design-wise, it combines a mechanical, geometric foundation with open, friendly curves, giving it a neutral, technical, yet approachable feel. The 2014 redesign
is particularly significant: for Material Design, nearly every character was adapted so that Roboto functions reliably across a wide range of devices—from smartphones to televisions.
This makes it highly suitable for cross-device “digital interfaces.” As an extremely widespread Google/Android font, it now feels very familiar and less distinctive.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
roboto-v51-latin-300.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
roboto-v51-latin-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
roboto-v51-latin-500.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
roboto-v51-latin-600.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
roboto-v51-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
roboto-v51-latin-800.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
SF-Pro
8 Schnitte
BTNeo-Grotesque
Brand Typeface
Erscheinungsjahr:2015
Designer:Apple Design Team
Hersteller:Apple Inc.
Version:
Trademark:San Francisco is a trademark of Apple Inc.
Die SF Pro (SF ist abgekürzt für San Francisco) ist Apples zentrale Systemschrift und entstand aus dem Bedürfnis, eine Schrift zu haben, die auf sehr kleinen Displays, hochauflösenden Screens und in komplexen Interfaces zuverlässiger funktioniert als die Neue Helvetica, die Apple bis dahin verwendete.
Die SF Pro wirkt neutral, klar und technisch präzise, ist aber durch grosszügige Abstände, variable optische Größen und sorgfältig abgestimmte Formen stark auf Lesbarkeit in digitalen Oberflächen optimiert.
Bemerkenswert ist, dass Apple die San Francisco nicht als einzelne Schrift, sondern als grosses System aus SF Pro, SF Compact, SF Mono, Rounded-Varianten sowie Breiten wie Condensed, Compressed und Expanded ausgebaut hat.
Das ganze San Francisco Schriftsystem darf leider nur für Produkte, welche speziell auf Apple Systemen laufen, verwendet werden.
SF Pro (SF stands for San Francisco) is Apple’s primary system font and was developed out of a need for a typeface that performs more reliably on very small displays, high-resolution screens, and in complex interfaces than Neue Helvetica, which Apple had been using up until then.
SF Pro appears neutral, clear, and technically precise, but is highly optimized for readability on digital surfaces through generous spacing, variable optical sizes, and carefully calibrated forms. It is
noteworthy that Apple has developed San Francisco not as a single typeface, but as a comprehensive system comprising SF Pro, SF Compact, SF Mono, rounded variants, and widths such as Condensed, Compressed, and Expanded. Unfortunately, the entire San Francisco typeface system may only be used for products that run specifically on Apple systems.
Bezugsquelle:Fonts in Use:
sf-pro-display-ultralight.woff2
100
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
sf-pro-display-thin.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
sf-pro-display-light.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
sf-pro-display-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
sf-pro-text-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
sf-pro-display-semibold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
sf-pro-text-semibold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
sf-pro-display-bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Source Sans 3
9 Schnitte
Neo-GrotesqueOS
Open Source
Erscheinungsjahr:2023
Designer:Paul D. Hunt
Hersteller:Adobe Originals
Version:
Trademark:
Source Sans 3 ist eine humanistisch geprägte Sans Serif, die von Anfang an für Benutzeroberflächen und gut lesbaren Bildschirmtext entwickelt wurde. Ihre Formen greifen Einflüsse amerikanischer Grotesks wie News Gothic und Franklin Gothic auf, sind aber offener, breiter und stärker auf digitale Lesbarkeit ausgerichtet. Bemerkenswert ist die Entwicklung von Source Sans Pro zu Source Sans 3: Die Familie wurde um mehr griechische und kyrillische Zeichen, erweiterte Sprachunterstützung und leichte Design-Updates ergänzt. Dadurch eignet sie sich sehr gut für Interfaces, Websites, Formulare, Designsysteme und längere digitale Fliesstexte — sachlich und professionell, aber etwas wärmer als streng neutrale Neo-Grotesks.
Source Sans 3 is a humanist sans serif typeface designed from the outset for user interfaces and highly legible on-screen text. Its forms draw inspiration from American grotesque typefaces such as News Gothic and Franklin Gothic, but are more open, wider, and more focused on digital readability. Noteworthy is the evolution from Source Sans Pro to Source Sans 3: the family has been expanded to include more Greek and Cyrillic characters, enhanced language support, and subtle design updates. This makes it well-suited for interfaces, websites, forms, design systems, and longer blocks of digital text—neutral and professional, yet slightly warmer than strictly neutral neo-grotesques.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
source-sans-3-v19-latin-300.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
source-sans-3-v19-latin-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
source-sans-3-v19-latin-italic.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
source-sans-3-v19-latin-500.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
source-sans-3-v19-latin-600.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
source-sans-3-v19-latin-700.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
source-sans-3-v19-latin-800.woff2
800
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
source-sans-3-v19-latin-900.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Space Grotesk
5 Schnitte
Decorative GrotesqueOS
Open Source
Erscheinungsjahr:2018
Designer:Florian Karsten
Hersteller:
Version:
Trademark:
Space Grotesk ist eine proportionale Sans-Serif, die auf der monospaced Space Mono von Colophon Foundry basiert und deren eigenwillige, leicht technische Details in eine besser lesbare Grotesk überträgt. Dadurch wirkt sie modern, digital und charaktervoll, ohne so streng wie eine reine Monospace-Schrift zu sein. Besonders interessant ist sie für Tech-Branding, Websites, Interfaces, Headlines und moderne Editorial-Anwendungen; für klassischen, längeren Fliesstext sollte man sie wegen ihres markanten Charakters bewusst testen.
Space Grotesk is a proportional sans-serif typeface based on Colophon Foundry’s monospaced Space Mono, which translates its distinctive, slightly technical details into a more readable sans-serif. This gives it a modern, digital, and characterful look without being as austere as a pure monospace typeface. It is particularly well-suited for tech branding, websites, interfaces, headlines, and modern editorial applications; however, due to its distinctive character, it should be tested carefully for classic, longer body text.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
SpaceGrotesk-Regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
SpaceGrotesk-Medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
SpaceGrotesk-SemiBold.woff2
600
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
SpaceGrotesk-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian
18 Schnitte
CLGeometric Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:2018
Designer:Eduardo Manso
Hersteller:
Version:
Trademark:
Steradian ist keine streng geometrische Sans, sondern eine hybride geometrische Grotesk: Sie besitzt eine geometrische Grundstruktur, kombiniert diese aber mit klassischer Buchstabenarchitektur und einzelnen unerwarteten Details, die ihr einen eigenständigeren Charakter geben.
Ihre Wirkung ist sauber, modern und zeitgenössisch, besonders geeignet für Branding, Editorial Design, größere Textgrade und digitale Auftritte. Für sehr kleine Schriftgrößen ist sie weniger ideal, weil die eher geschlossenen Öffnungen die Lesbarkeit reduzieren können; ihre Stärke liegt eher in mittleren bis großen Größen, wo ihre charakteristischen Formen sichtbar werden.
Steradian is not a strictly geometric sans-serif, but rather a hybrid geometric sans-serif: it has a geometric foundation, but combines this with classic letter architecture and a few unexpected details that give it a more distinctive character.
Its appearance is clean, modern, and contemporary, making it particularly well-suited for branding, editorial design, larger text sizes, and digital applications. It is less ideal for very small font sizes because the relatively closed openings can reduce readability; its strength lies more in medium to large sizes, where its characteristic forms become apparent.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-ThIt.woff2
100
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-UltLt.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-XLt.woff2
200
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-UltLtIt.woff2
200
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-XLtIt.woff2
200
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-Lt.woff2
300
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-LtIt.woff2
300
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-Rg.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
SteradianRegular.woff
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-RgIt.woff2
400
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-Md.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-MdIt.woff2
500
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-Bd.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
SteradianBold.woff
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-BdIt.woff2
700
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-Blk.woff2
900
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Steradian-BlkIt.woff2
900
italic
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
TCCC Unity
4 Schnitte
American GothicBT
Brand Typeface
Erscheinungsjahr:2017
Designer:
Hersteller:Brody Associates
Version:
Trademark:TCCC Unity is trademark of The Coca-Cola Company
TCCC Unity wurde als erste eigens entwickelte Hausschrift in der langen Geschichte von Coca-Cola eingeführt und sollte die Marke typografisch unabhängiger und konsistenter über Print, Packaging, Werbung und digitale Anwendungen hinweg machen. Die Schrift entstand nach intensiver Recherche im Coca-Cola-Archiv und verbindet amerikanisch-modernistische Typografie mit historischen Markenmerkmalen wie Kreisformen, geometrischem Aufbau und einer gewissen „Americana“-Anmutung.
Bemerkenswert ist der Versuch, nicht einfach die berühmte Coca-Cola-Schreibschrift zu kopieren, sondern deren Erbe in eine funktionale, breit einsetzbare Grotesk zu übersetzen. Durch große x-Höhe, mehrere Schnitte und Condensed-Varianten ist sie auf praktische Lesbarkeit und flexible Markenkommunikation ausgelegt — also weniger Logo-Schrift, sondern ein komplettes Corporate-Type-System.
TCCC Unity was introduced as the first in-house typeface developed specifically for Coca-Cola in the company’s long history, with the aim of making the brand more typographically independent and consistent across print, packaging, advertising, and digital applications. The typeface was created following extensive research in the Coca-Cola archives and combines American modernist typography with historical brand elements such as circular forms, geometric structure, and a certain “Americana” feel.
Noteworthy is the attempt not simply to copy the famous Coca-Cola script, but to translate its legacy into a functional, versatile sans-serif typeface. With a large x-height, multiple weights, and condensed variants, it is designed for practical readability and flexible brand communication—in other words, less of a logo typeface and more of a complete corporate type system.
Bezugsquelle:Fonts in Use:
tccc-unitytext-regular.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
tccc-unityheadline-medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
tccc-unitytext-medium.woff2
500
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
tccc-unityheadline-bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Tenderness
1 Schnitte
CLModern Serif
Lizenzierbare Schrift
Erscheinungsjahr:2008, 2017
Designer:Sora Sagano
Hersteller:
Version:0.601
Trademark:
Tenderness ist eine ungewöhnliche, sehr zarte Serifenschrift mit deutlicher Nähe zu klassischer Buchtypografie, aber auch mit einer reduzierten, zeitlosen Eleganz. Sie wird als locker von Garamond und Optima inspiriert beschrieben und besitzt Oldstyle Figures, was ihr einen historischen, literarischen Ton gibt. Auffällig ist der feine, ruhige Charakter.
Die Schrift wirkt weich, kultiviert und ein wenig fragil, dadurch ist sie eher geeignet für narrative und atmosphärische Designs, kurze Editorial-Texte, Zitate als für robuste UI- oder längere Fliesstexte.
Tenderness is an unusual, very delicate serif typeface with clear ties to classical book typography, yet also possessing a minimalist, timeless elegance. It is described as loosely inspired by Garamond and Optima and features old-style figures, which lend it a historical, literary tone. Its delicate, calm character is striking.
The typeface appears soft, refined, and slightly fragile, making it more suitable for narrative and atmospheric designs, short editorial texts, and quotations than for robust UI or longer body copy.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Univers
3 Schnitte
CLNeo-Grotesque
Lizenzierbare Schrift
Erscheinungsjahr:1957
Designer:Adrian Frutiger
Hersteller:
Version:
Trademark:Univers is a trademark of Heidelberger Druckmaschinen AG, exclusively licensed through Linotype Library GmbH.
Die Univers ist eine der wichtigsten Neo-Grotesks des 20. Jahrhunderts und wurde von Anfang an nicht als einzelne Schrift, sondern als systematisch aufgebaute Familie mit abgestimmten Breiten, Fetten und Lagen gedacht. Daraus resultiert ihr spezielles Nummernsystem, das bald auch von anderen Schriften kopiert worden ist: Die erste Ziffer bezeichnet die Strichstärke, die zweite Breite bzw. Lage — ein damals sehr moderner Versuch, eine Schriftfamilie wie ein klares typografisches System zu ordnen.
Stilistisch steht die Univers im Umfeld der Akzidenz-Grotesk und der Helvetica, wirkt aber kühler, kontrollierter und präziser. Sie eignet sich sehr gut für Corporate Design, Editorial Design, Leitsysteme, Informationsgestaltung, Interfaces und hochwertige Webtypografie, wenn eine neutrale, kühle Grotesk mit historischer Bedeutung und guter Systematik gesucht wird.
Univers is one of the most important neo-grotesque typefaces of the 20th century and was conceived from the outset not as a single typeface, but as a systematically structured family with coordinated widths, weights, and styles. This gave rise to its unique numbering system, which was soon adopted by other typefaces: The first digit denotes the stroke weight, the second the width or size—a very modern approach at the time to organizing a typeface family as a clear typographic system.
Stylistically, Univers falls within the realm of Akzidenz-Grotesk and Helvetica, but appears cooler, more controlled, and more precise. It is well-suited for corporate design, editorial design, wayfinding systems, information design, interfaces, and high-quality web typography when a neutral, cool sans-serif with historical significance and a well-structured system is sought.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
UniversLTStd.woff2
400
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
UniversLTStd-Bold.woff2
700
Ein Boxkämpfer jagt Viktor.
Zwölf Boxkämpfer jagen Viktor.
Falsches Üben von Xylophonmusik quält jeden grösseren Zwerg.
Kritische Zeichenpaare: Il1 0Oo rn m nn cl
Gute Typografie macht Inhalte verständlicher. Eine geeignete Schrift bleibt auch bei längeren Texten ruhig, unterscheidet ähnliche Zeichen zuverlässig und funktioniert in unterschiedlichen Grössen, Abständen und Bildschirmauflösungen.
Digitale Produkte brauchen Schriften, die nicht nur gut aussehen, sondern zuverlässig funktionieren. Ob in der Navigation, in Formularfeldern oder Fehlermeldungen müssen alle Texte auch in kleinen Schriftgrössen klar unterscheidbar bleiben. Eine gute Webschrift wirkt ruhig im Fliesstext, präzise in Zahlenreihen wie 03.05.2026 oder CHF 1’250.00 und stark in Überschriften, Hinweisen und Call-to-Action-Buttons.
Erst im direkten Vergleich zeigt sich, ob eine Schrift wirklich trägt. Manche wirken in der Überschrift stark, werden im Fliesstext aber unruhig; andere lesen sich angenehm, verlieren dafür im Interface jede Eigenständigkeit.
Auf zarter Linie tanzt das Schriftbild zwischen Lesbarkeit, Charakter und Stimmung — Typografie ist Form gewordene Sprache.
✎CSS-Override
Selectoren z.B. .tt-display, .tt-headline, .tt-pangram, .tt-body, .tt-body-extra, .tt-glyphs, .tt-microtext. Wirkt nur in diesem Schnitt.
Eigene Webfonts uploaden
Akzeptierte Formate: WOFF und WOFF2
Maximal 150 KB pro Datei
Maximal 10 Dateien pro Sitzung (noch 10 möglich)
Automatische Löschung nach 3 Stunden
Impressum
Verantwortlich für Inhalt, Code, Schriftauswahl und die Entscheidung, dass die Laufweite doch noch um 0,005 em angepasst werden muss:
Thomas Sokolowski ist leidenschaftlicher Typograph, UX/UI und Type-Designer und hat in seinem Leben nicht nur viele Schriften benutzt, sondern auch entworfen.
Haftungsausschluss
Für Produktivitätsverluste durch exzessiven Serifenvergleich, stundenlange Gegenüberstellung von zwei optisch identischen Grotesken sowie spontane Meinungsänderungen bezüglich des besten Schnitts für Lesetexte wird keinerlei Verantwortung übernommen.
Cookies & Tracking
Kein Tracking. Kein Analytics. Keine Werbung. Der Type Tester merkt sich lediglich Deine letzten Einstellungen im LocalStorage — was ungefähr so invasiv ist wie ein Post-it-Zettel auf dem eigenen Bildschirm.
Urheberrecht
Der Code gehört mir. Die Schriften gehören ihren jeweiligen Designerinnen, Designern und Herausgebern, die dafür zu wenig Anerkennung und zu wenig Geld bekommen.
Schriften werden in Figma und anderen Designprogrammen anders gerendert als im Browser. Abhilfe schafft hier der Type Tester, da er im Browser läuft. Text, Grössen, Laufweiten und Schrift- und Hintergrundfarbe sind frei einstellbar. Wichtig: Das Font-Smoothing lässt sich separat ein- und ausschalten. Ich bin immer wieder beeindruckt, wie stark die Auswirkung beim negativen Satz ist (also bei heller Schrift auf dunklem Grund).
Zeichenvergleich
Mehrere Schriften für einen direkten Zeichenvergleich markieren und neben- oder übereinanderlegen. Anzeige des font-spezifischen Schriftkegels, Laufweite — Zoomfunktion.
Kuratierte Auswahl
Keine vollständige Schriftdatenbank, sondern eine persönliche, gepflegte Auswahl. Jede Schrift ist mit Lizenzstatus gekennzeichnet: Open Source, lizenzierbar oder Brand Typeface.
Schrift-Infos
Aufklappbare Info-Panels pro Schriftfamilie: Erscheinungsjahr, Designer, Lizenzierung, Beschreibung und Bezugsquelle.
Eigene Schriften uploaden & testen
Über das Upload-Icon unten links lassen sich eigene Webfonts hochladen und direkt im Vergleich testen. Hinweis: Die Upload-Funktion ist begrenzt — die Fonts werden nicht permanent gespeichert, sondern nur für die jeweilige Session.
