Source Code Pro

Source Code Pro ausprobieren

Strichstärken und Schnitte

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

Source Code Pro 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 Code Pro

Source Code Pro ist eine Monospace-Familie, die aus der Source Sans entstand, nachdem eine für Programmieranwendungen geeignete Version gewünscht worden war. Sie behält die vertikalen Proportionen und die allgemeinen Formen der Sans, gibt aber jeder Glyphe in jeder Strichstärke dieselbe Breite. Im Schriftmuster hat die Null einen Punkt in der Mitte, das kleine l biegt am Fuß ab, und i und j tragen slab-artige Serifen; so lassen sich Zeichen unterscheiden, die im Code leicht verwechselt werden. Die Familie ist ein Variable Font mit einer Gewichtsachse von 200 bis 900: acht benannte Strichstärken, ExtraLight bis Black, jeweils mit einer Kursiven. Die Fonts enthalten 1.556 Glyphen; laut den offiziellen Hinweisen brachte das Update von 2019 Griechisch, Kyrillisch, Vietnamesisch und die kursiven Schnitte. Paul D. Hunt hat die Familie gestaltet, die Namenstabelle nennt außerdem Teo Tuominen, und Adobe veröffentlicht sie unter der SIL Open Font License 1.1.

Wofür sich Source Code Pro eignet

Code-Editoren und Terminals

Einheitliche Zeichenbreiten richten Einrückungen aus, und die gepunktete Null und das abgeknickte l halten 0, O, 1 und l auseinander.

Syntax-Themes mit Strichstärke und Kursive

Acht Strichstärken mit Kursiven erlauben es einem Theme, Kommentare kursiv und Schlüsselwörter in SemiBold darzustellen, ohne die Familie zu verlassen.

Technische Dokumentation

Inline-Code und Befehlslisten in Source Code Pro passen zu Fließtext in Source Sans, die dieselben Proportionen hat.

Kommentare und Strings in anderen Schriftsystemen

Die Zeichensätze für Griechisch, Kyrillisch und Vietnamesisch halten nichtlateinische Kommentare und String-Literale in derselben festen Breite.

Datentabellen und Logs

Feste Breiten richten Zeitstempel, Hashes und Zahlenspalten in reiner Textausgabe aus.

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

body {
  font-family: "Source Code Pro", monospace;
}

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

Gut zu wissen

Die Standardinstanz ist ExtraLight

Die Gewichtsachse steht standardmäßig auf 200. Lege in Editoren oder CSS, die die benannten Instanzen nicht lesen, eine Strichstärke wie 400 ausdrücklich fest.

Zwei Variable-Font-Dateien

Aufrecht und kursiv sind getrennte Variable Fonts, die jeweils die Strichstärken 200 bis 900 abdecken.

Reserved Font Name

Der Lizenzhinweis behält den Namen Source vor, eine Marke von Adobe; geänderte Versionen brauchen daher einen anderen Namen.

Häufige Fragen

Sammlungen mit Source Code Pro

• Monospace-Fonts zum Programmieren

  Dicktengleiche Familien unter offenen Lizenzen für Editoren und Terminals, mit eindeutigen Nullen, mehreren Strichstärken und meist mit Kursiven.

• 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: monospace