Source Sans 3

Source Sans 3 ausprobieren

Strichstärken und Schnitte

• ExtraLight 200Source Sans 3 ExtraLight ExtraLight Italic
• Light 300Source Sans 3 Light Light Italic
• Regular 400Source Sans 3 Regular Kursiv
• Medium 500Source Sans 3 Medium Medium Italic
• SemiBold 600Source Sans 3 SemiBold SemiBold Italic
• Bold 700Source Sans 3 Bold Bold Italic
• ExtraBold 800Source Sans 3 ExtraBold ExtraBold Italic
• Black 900Source Sans 3 Black Black Italic

Source Sans 3 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 Source Sans 3

Source Sans 3 ist eine serifenlose Familie von Adobe, gezeichnet von Paul D. Hunt für den Einsatz in Benutzeroberflächen; die offiziellen Angaben nennen den Entwurf Source Sans die erste Open-Source-Schriftfamilie von Adobe. Das Schriftmuster zeigt schlanke, aufrechte Buchstaben mit offenen Formen bei a, c, e und s, mäßiger Breite und einer Mittellänge von mittlerer Höhe, den Proportionen einer humanistischen Sans Serif. Die Familie ist ein Variable Font mit einer Achse, der Strichstärke, von 200 bis 900. Acht benannte Stärken, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold und Black, haben jeweils eine Kursive, zusammen 16 Schnitte. Mit 2.478 Glyphen decken die Fonts die Zeichensätze Latin, Latin Extended, Vietnamesisch, Kyrillisch und Griechisch ab, einschließlich der erweiterten kyrillischen und griechischen Bereiche. Die Lizenz ist die SIL Open Font License 1.1, und der Vermerk reserviert den Fontnamen Source.

Wofür sich Source Sans 3 eignet

Anwendungsoberflächen

Die Familie war für Benutzeroberflächen gedacht, und ihre offenen Buchstabenformen halten Menüs, Dialoge und Formularlabels klar.

Dokumentation und Hilfebereiche

Regular mit Kursive setzt lange Anleitungen, und Source Code Pro liefert dazu passende dicktengleiche Beispiele.

Websites in Latin, Kyrillisch und Griechisch

Die 2.478 Glyphen decken neben west- und mitteleuropäischen Sprachen auch Vietnamesisch, Russisch, Ukrainisch, Bulgarisch und Griechisch ab.

Berichte und redaktionelle Seiten

Acht Stärken liefern eigene Schnitte für Fließtext, Zwischenüberschriften und große helle Titel, und Source Serif 4 ist das serifenbetonte Gegenstück.

Gut lesbarer Fließtext

Offene Zeichenöffnungen und mäßige Breite halten Absätze auch in der Stärke 400 am Bildschirm gleichmäßig.

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. 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, greek-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 Source Sans 3 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.

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

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

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

Gut zu wissen

Die Standardinstanz ist ExtraLight

Die Strichstärkenachse der variablen Datei steht standardmäßig auf 200, dem dünnen Schnitt aus der Überschrift des Schriftmusters. Lege font-weight ausdrücklich fest.

Zwei variable Dateien

Eine Datei enthält die aufrechten Schnitte und eine die Kursiven; beide reichen von 200 bis 900.

Reservierter Fontname

Der Lizenzvermerk reserviert den Namen Source, eine Marke von Adobe.

Häufige Fragen

Sammlungen mit Source Sans 3

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

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

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

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

• Fonts mit Griechisch-Unterstützung

  Familien mit offener Lizenz und griechischen Glyphen neben dem Lateinischen, für griechischsprachige Websites sowie für Mathematik, Naturwissenschaften und Altphilologie.

Ähnliche Fonts

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