Open Sans

Open Sans ausprobieren

Strichstärken und Schnitte

• Light 300Open Sans Light Light Italic
• Regular 400Open Sans Regular Kursiv
• Medium 500Open Sans Medium Medium Italic
• SemiBold 600Open Sans SemiBold SemiBold Italic
• Bold 700Open Sans Bold Bold Italic
• ExtraBold 800Open Sans ExtraBold ExtraBold Italic

Open Sans 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 Open Sans

Open Sans ist eine humanistische Serifenlose, deren Buchstaben weite Öffnungen, eine aufrechte Achse und einen neutralen, aber zugänglichen Ton haben. Das Schriftmuster zeigt hohe Kleinbuchstaben, ein zweistöckiges a und g und großzügigen Raum im Inneren der Buchstaben. Steve Matteson hat sie gestaltet, und laut den offiziellen Angaben ist sie für Druck, Web und mobile Oberflächen abgestimmt. Im März 2021 wurde die Familie als Variable Font neu aufgebaut und bekam Hebräisch. Sie hat jetzt zwei Achsen: Strichstärke von 300 bis 800 und Breite von 75 bis 100. Sechs benannte Strichstärken, von Light bis ExtraBold, haben jeweils eine Kursive, zusammen 12 Schnitte. Die Dateien enthalten 1.152 Glyphen mit Subsets für Lateinisch erweitert, Kyrillisch, Griechisch, Hebräisch und Vietnamesisch. Dasselbe Update von 2021 stellte die Familie unter die SIL Open Font License. Open Sans kam 2011 zu Google Fonts.

Wofür sich Open Sans eignet

Fließtext auf Websites

Offene Formen und hohe Kleinbuchstaben wurden für gute Lesbarkeit auf Web- und Mobilbildschirmen gezeichnet.

Formulare und Einstellungsseiten

Regular, Medium und SemiBold trennen Beschriftungen, Werte und Abschnittstitel, ohne die Familie zu wechseln.

Gedruckte Berichte

Der Entwurf wurde ebenso für den Druck wie für Bildschirme abgestimmt, mit Kursiven für Zitate und Betonung.

Hebräisch und Lateinisch nebeneinander

Das 2021 ergänzte Hebräisch-Subset erlaubt zweisprachigen Seiten, eine einzige Schrift zu verwenden.

Kompakte Navigation

Wer die Breite Richtung 75 reduziert, bringt Menüpunkte und Tabellenköpfe auf weniger Platz unter.

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

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

In den Dateien gefundene Zeichensätze: cyrillic, cyrillic-ext, greek, hebrew, 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 Open Sans 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.

Open Sans 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: "Open Sans";
  src: url("/assets/fonts/OpenSans-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/OpenSans-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

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

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

Gut zu wissen

Die Strichstärken reichen von 300 bis 800

Thin oder Black gibt es nicht; die leichteste benannte Strichstärke ist Light, die kräftigste ExtraBold.

Die Breite wird nur schmaler

Die Breitenachse reicht von 75 bis 100.

Hebräisch kam 2021 hinzu

Ältere Kopien der Familie aus der Zeit vor dem Update auf den Variable Font enthalten kein Hebräisch.

Häufige Fragen

Sammlungen mit Open Sans

• Fonts für Lebensläufe

  Gut lesbare Serifen- und serifenlose Familien mit offener Lizenz für einen Lebenslauf von einer oder zwei Seiten, mit den Strichstärken und Kursiven, die ein Dokument braucht.

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

• Humanistische serifenlose Fonts für gut lesbaren Text

  Serifenlose Familien mit offenen, von der Feder geprägten Buchstabenformen, die in Absätzen, Dokumenten und Oberflächentexten angenehm bleiben.

• Variable Fonts mit Breitenachse

  Variable Familien, bei denen sich neben der Strichstärke auch die Buchstabenbreite einstellen lässt, von leichtem Verschmälern zum Einpassen von Text bis zu einem vollen Bereich von schmal bis breit.

• Fonts mit Hebräisch-Unterstützung

  Familien mit offener Lizenz, deren Hebräisch und Lateinisch aufeinander abgestimmt gezeichnet sind: Text-Sans und -Serifen, runde und Display-Entwürfe.

• Fonts, die mehrere Schriftsysteme abdecken

  Familien, die Lateinisch zusammen mit drei oder mehr weiteren Schriften in einem Entwurf setzen, für mehrsprachige Websites, Apps und Dokumente.

Ähnliche Fonts

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