Geist

Geist ausprobieren

Strichstärken und Schnitte

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

Geist 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 Geist

Geist ist eine serifenlose Familie im Stil der Grotesk, mit gleichmäßig starken Strichen und schlichten, kompakten Buchstabenformen. Im Schriftmuster sind die Kleinbuchstaben hoch, das a ist zweistöckig, das g einstöckig, das große G trägt einen Sporn, und das Q hat einen kurzen geraden Schweif; selbst in Black bleiben die Punzen offen. Geist kommt als zwei Variable Fonts, aufrecht und kursiv, jeweils mit einer Strichstärken-Achse von 100 bis 900 und neun benannten Stärken, zusammen 18 Schnitte. Die 974 Glyphen decken Lateinisch, Latin Extended, Kyrillisch und Vietnamesisch ab; Griechisch fehlt. Geist kam 2024 zusammen mit der zugehörigen Monospace-Schrift zu Google Fonts. Die Credits nennen Andrés Briganti, Mateo Zaragoza, Guillermo Rauch, Evil Rabbit, José Rago und Facundo Santana, und die Namenstabelle ergänzt Basement.studio und Vercel. Die Lizenz ist die SIL Open Font License 1.1.

Wofür sich Geist eignet

Oberflächen von Web-Apps

Hohe Kleinbuchstaben und gleichmäßige Striche halten Menüeinträge, Formularbeschriftungen und Tabellenzellen auch in kleinen Größen klar.

Produkt- und Dokumentationsseiten

Neun Strichstärken mit Kursiven decken Seitentitel, Fließtext, Hervorhebungen und Bildunterschriften in einer Familie ab.

Entwickler-Tools

Die Monospace-Schrift Geist Mono stammt aus demselben Projekt, sodass Prosa und Code einen verwandten Entwurf teilen können.

Minimalistische Markensysteme

Thin 100 für große Display-Zeilen und Black 900 für kurze Beschriftungen schaffen Kontrast ohne eine zweite Schrift.

Oberflächen auf Russisch oder Vietnamesisch

Mit den Subsets für Kyrillisch und Vietnamesisch trägt dieselbe Familie übersetzte Screens.

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 Geist 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.

Geist 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: "Geist";
  src: url("/assets/fonts/Geist-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/Geist-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Geist", sans-serif;
}

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Geist 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=Geist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Gut zu wissen

Zwei Variable-Font-Dateien

Der Download enthält einen aufrechten und einen kursiven Variable Font, jeweils mit einer Strichstärken-Achse von 100 bis 900.

Die Strichstärke ist die einzige Achse

Eine Achse für Breite oder optische Größe gibt es nicht; der Entwurf ändert sich nur in der Strichstärke und zwischen aufrecht und kursiv.

Kein Griechisch

Die Zeichensätze sind Lateinisch, Latin Extended, Kyrillisch und Vietnamesisch.

Häufige Fragen

Sammlungen mit Geist

• Klare serifenlose Fonts für App-Oberflächen

  Serifenlose Schriftfamilien mit offener Lizenz, die in Buttons, Menüs, Tabellen und Einstellungsseiten gut lesbar bleiben und die Strichstärken mitbringen, die eine Oberfläche braucht.

• Schriftsysteme mit zusammenpassenden serifenlosen, Serifen- und Monospace-Familien

  Familien, die für den gemeinsamen Einsatz entworfen wurden: eine serifenlose Schrift, eine Serifen- oder Slab-Schrift und oft eine Monospace-Schrift, die Proportionen, Strichstärken und Charakter teilen.

Ähnliche Fonts

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