Barlow

Barlow ausprobieren

Strichstärken und Schnitte

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

Über Barlow

Barlow ist eine Grotesk-Sans-Serif mit nahezu gleichmäßigen Strichen, deren Enden durch einen kleinen Radius weicher wirken. Ihren Charakter bezog der Gestalter Jeremy Tribby, der das Projekt leitet, aus der Bildsprache des öffentlichen Raums in Kalifornien: den Fahrzeugkennzeichen des Bundesstaats, der Beschilderung an den Highways, den Bussen und Zügen. Im Schriftmuster sind die Versalien recht schmal und geradseitig, die Kleinbuchstaben hoch, die Ziffern einfach und offen. Barlow ist die normale Breite einer Superfamilie, zu der auch Barlow Semi Condensed und Barlow Condensed gehören. Es gibt neun Strichstärken von Thin bis Black, jeweils mit Kursive, also 18 Schnitte in statischen Dateien; ein Variable Font ist Barlow nicht. Jeder Font enthält 680 Glyphen für Latin, Latin Extended und Vietnamesisch, wobei Vietnamesisch im Dezember 2018 hinzukam. Die Lizenz ist die SIL Open Font License 1.1.

Wofür sich Barlow eignet

Produktoberflächen

Gleichmäßige Striche und hohe Kleinbuchstaben halten Regular und Medium in Buttons, Listen und Einstellungsseiten klar.

Wegweiser und Verkehrsinformation

Der Entwurf orientiert sich an Highway-Schildern und Fahrzeugkennzeichen, also an Beschriftungen, die auf einen Blick lesbar sein müssen.

Markensysteme mit drei Breiten

Barlow, Barlow Semi Condensed und Barlow Condensed teilen sich neun Strichstärken, sodass eine Marke Text, Labels und Headlines mit einem Entwurf abdecken kann.

Fließtext auf Websites

Regular mit Kursive setzt Absätze, und SemiBold oder Bold zeichnet Überschriften aus, ohne dass eine zweite Familie nötig ist.

Präsentationen und Berichte

Thin und ExtraLight eignen sich für große Zahlen und Titel, Black verankert eine Titelfolie.

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

In den Dateien gefundene Zeichensätze: 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 Barlow 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.

Barlow 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: "Barlow";
  src: url("/assets/fonts/Barlow-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("/assets/fonts/Barlow-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("/assets/fonts/Barlow-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("/assets/fonts/Barlow-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 14 more files in the package, declared the same way */

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

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

Gut zu wissen

Statische Dateien, kein Variable Font

Der Download enthält 18 Dateien, je eine für jede Strichstärke und Kursive.

Normale Breite einer Superfamilie

Die schmaleren Barlow Semi Condensed und Barlow Condensed sind eigene Familien.

Kein Kyrillisch und kein Griechisch

Die 680 Glyphen decken Latin, Latin Extended und Vietnamesisch ab.

Häufige Fragen

Sammlungen mit Barlow

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

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

• Schriftfamilien mit neun Strichstärken und Kursiven

  Vollständige Familien von Thin bis Black mit einer Kursiven für jede Strichstärke: achtzehn Schnitte für ein vollständiges typografisches System.

Ähnliche Fonts

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