Overpass

Overpass ausprobieren

Strichstärken und Schnitte

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

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

Overpass ist eine serifenlose Familie, die von Highway Gothic ausgeht, den Buchstabenformen aus den Standard Alphabets for Traffic Control Devices der U.S. Federal Highway Administration. Die Gestalter passten diese Schilderformen so an, dass sie sich auf Bildschirmen in kleinen Größen und später in den leichteren Strichstärken auch in Display-Größen behaupten. Das Schriftmuster zeigt Spuren des Vorbilds: schräge Schnitte dort, wo manche Striche enden, etwa an der Unterlänge des p, weite Öffnungen und schlichte, leicht schmale Versalien. Overpass ist ein Variable Font mit einer Achse für die Strichstärke von 100 bis 900. Neun benannte Strichstärken von Thin bis Black gibt es aufrecht und kursiv, zusammen 18 Schnitte. Die Fonts enthalten 1.332 Glyphen und decken Lateinisch, Latin Extended, Kyrillisch und Vietnamesisch ab. Als Gestalter werden Delve Withrington, Dave Bailey und Thomas Jockin genannt; eine dicktengleiche Begleiterin gibt es als eigene Familie.

Wofür sich Overpass eignet

Leitsysteme und Beschilderung

Die Buchstabenformen stammen von Schilderalphabeten, die darauf ausgelegt sind, aus der Entfernung schnell gelesen zu werden.

Software-Oberflächen

Die Schilderformen wurden für kleine Bildschirmgrößen überarbeitet, und neun Strichstärken mit Kursiven decken eine vollständige UI-Hierarchie ab.

Dokumentation und lange Texte

Regular mit einer echten Kursiven bewältigt längere Passagen in Print und online.

Plakate und Umgebungsgrafik

Thin bis Light wurden auf Display-Größen abgestimmt; Black liefert kräftige Headlines.

Oberflächen in Kyrillisch

Russische, ukrainische und bulgarische Buchstaben gehören zur selben Familie.

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

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

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

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

Gut zu wissen

Eine Achse

Overpass variiert nur in der Strichstärke, von 100 bis 900.

Die dicktengleiche Version ist getrennt

Overpass Mono ist eine eigene Familie und nicht in diesem Paket enthalten.

Kein Griechisch

Lateinisch, Kyrillisch und Vietnamesisch sind abgedeckt, Griechisch nicht.

Häufige Fragen

Sammlungen mit Overpass

• Fonts für Untertitel und Video-Beschriftungen

  Schlichte, robuste Sans-Serif-Familien für Untertitel und Beschriftungen, ausgewählt für klare Buchstaben in kleinen Größen und meist mit breiter Sprachabdeckung.

• Fonts für Beschilderung und Leitsysteme

  Sans-Serif-Familien, entwickelt für Schilder, Straßenbeschriftung und Informationsanzeigen, lesbar aus der Ferne und im schrägen Winkel.

Ähnliche Fonts

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