Bitter

Bitter ausprobieren

Strichstärken und Schnitte

• Thin 100Bitter Thin Thin Italic
• ExtraLight 200Bitter ExtraLight ExtraLight Italic
• Light 300Bitter Light Light Italic
• Regular 400Bitter Regular Kursiv
• Medium 500Bitter Medium Medium Italic
• SemiBold 600Bitter SemiBold SemiBold Italic
• Bold 700Bitter Bold Bold Italic
• ExtraBold 800Bitter ExtraBold ExtraBold Italic
• Black 900Bitter Black Black Italic

Bitter ist ein Variable Font: Der Download enthält den gesamten Stärkenbereich in je einer Datei pro Schnitt. Die oben genannten Strichstärken sind Positionen in diesem Bereich.

Über Bitter

Bitter ist eine Slab-Serif-Familie, die Sol Matas für das Lesen am Computer und auf anderen Geräten gestaltet hat. Der Entwurf begann auf einem Pixelraster und behält eine große x-Höhe und einen geringen Unterschied zwischen dicken und dünnen Strichen. Die Serifen sind so stark wie die Schäfte und enden rechteckig; die Regular ist dunkler gezeichnet als eine übliche Regular im Druck, sodass Absätze ein dichtes, gleichmäßiges Schriftbild ergeben. Im Schriftmuster ist die leichteste Strichstärke eine feine, drahtartige Linie mit flachen Serifen, während Black kompakt und schwer wirkt. Bitter ist ein Variable Font mit einer einzigen Achse, der Strichstärke, von 100 bis 900; neun benannte Strichstärken und ihre Kursiven ergeben 18 Schnitte. Die Fonts enthalten 1.522 Glyphen und decken Lateinisch, Lateinisch erweitert, Kyrillisch und Vietnamesisch ab. Laut den offiziellen Angaben wurde die Schrift von Hand gesetzt, sodass nur wenige Kerning-Paare nötig sind. Die Lizenz ist die SIL Open Font License 1.1.

Wofür sich Bitter eignet

Lange Artikel im Web

Die große x-Höhe und der geringe Strichkontrast wurden mit Blick auf Bildschirme gewählt, auf denen dünne Haarlinien leicht ausfransen.

E-Books und Lese-Apps

Bitter entstand aus dem Wachstum der elektronischen Bücher, und die dunkle Regular hält ihr Schriftbild auf E-Ink und LCD gleichermaßen.

Blogs mit einer einzigen Familie

Mit Strichstärken von 100 bis 900 stammen Überschriften, Text und Bildunterschriften aus denselben Variable-Font-Dateien.

Russische, ukrainische und bulgarische Texte

Die 1.522 Glyphen enthalten Kyrillisch, sodass der Slab-Serif-Look in lateinischen wie kyrillischen Ausgaben erhalten bleibt.

Überschriften und Zitate

ExtraBold und Black machen aus den rechteckigen Serifen eine kräftige Display-Stimme.

Glyphen

Sprachunterstützung

Die Familie enthält die Grundbuchstaben, mit denen diese Sprachen geschrieben werden:

• Englisch
• Französisch
• Deutsch
• Spanisch
• Portugiesisch
• Italienisch
• Niederländisch
• Schwedisch
• Norwegisch
• Dänisch
• Finnisch
• Isländisch
• Katalanisch
• Türkisch
• Polnisch
• Tschechisch
• Slowakisch
• Ungarisch
• Rumänisch
• Kroatisch
• Slowenisch
• Litauisch
• Lettisch
• Estnisch
• Vietnamesisch
• Russisch
• Ukrainisch
• Bulgarisch

Weitere Schriftsysteme neben dem lateinischen, für die die Familie Glyphen enthält: Kyrillisch. Genannt sind Schriftsysteme. Das ist keine Zusage für jede Sprache, die damit geschrieben wird.

In den Dateien gefundene Zeichensätze: cyrillic, cyrillic-ext, latin, latin-ext, vietnamese. Die Sprachliste prüft, ob die nötigen Buchstaben im Font vorhanden sind. Über die typografische Qualität in der jeweiligen Sprache sagt sie nichts.

Lizenz

Fonts, die zu Bitter passen

Die Vorschläge folgen einfachen Regeln aus den Datensätzen: eine kontrastierende Klassifikation und genug Strichstärken für Fließtext. Sie sind ein Ausgangspunkt, kein Urteil.

Bitter im Web verwenden

Lade die Familie herunter, lege die Dateien auf deinen eigenen Server und binde sie per CSS ein. Bitte verlinke nicht auf die Dateien bei trendhub.net: Die Vorschaudateien hier sind Subsets, und ihre Adressen ändern sich.

@font-face {
  font-family: "Bitter";
  src: url("/assets/fonts/Bitter-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url("/assets/fonts/Bitter-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Bitter", serif;
}

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Bitter mit diesem Markup aus:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Gut zu wissen

An der Quelle als Serif eingeordnet

Der offizielle Katalog führt Bitter unter Serif; die rechteckigen, schaftstarken Serifen machen sie zu einer Slab Serif.

Regular ist dunkler als üblich

Laut den offiziellen Hinweisen ist die Regular kräftiger als eine übliche Regular im Druck, sodass Text schwerer wirkt als in vielen Serifenfamilien.

Zwei Variable-Font-Dateien

Aufrecht und kursiv kommen jeweils als eine Variable-Font-Datei für den Bereich von 100 bis 900. Statische Dateien sind im Paket nicht enthalten.

Häufige Fragen

Sammlungen mit Bitter

• Fonts für Präsentationen und Folien

  Sans-Serif- und Slab-Serif-Familien, die auf Beamer oder geteiltem Bildschirm lesbar bleiben, mit kräftigen Bold-Schnitten für Folientitel.

• Serifenschriften zum langen Lesen am Bildschirm

  Textschriften mit Serifen, die für Bildschirme oder für langes Lesen gezeichnet sind: große x-Höhen, mäßiger Kontrast und echte Kursive für Artikel, Blogs und Dokumentation.

Ähnliche Fonts

Weitere Familien derselben Klassifikation, sortiert nach gemeinsamen Einsatzbereichen. Alle Fonts: slab serif