Cascadia Code

Cascadia Code ausprobieren

Strichstärken und Schnitte

• ExtraLight 200Cascadia Code ExtraLight ExtraLight Italic
• Light 300Cascadia Code Light Light Italic
• Regular 400Cascadia Code Regular Kursiv
• Medium 500Cascadia Code Medium Medium Italic
• SemiBold 600Cascadia Code SemiBold SemiBold Italic
• Bold 700Cascadia Code Bold Bold Italic

Cascadia Code 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 Cascadia Code

Cascadia Code ist eine Monospace-Familie, in der jedes Zeichen dieselbe Breite einnimmt, wie das gleichmäßig gesetzte Alphabet im Schriftmuster zeigt. Buchstaben, die in anderen Fonts schmal sind, werden auf die Zeichenbreite aufgeweitet: i, j und l tragen lange Fuß- und Kopfstriche, und das r hat eine flache Fußserife. Die Null ist innen markiert, damit sie sich vom großen O unterscheidet. Die Familie ist ein Variable Font mit einer Weight-Achse von 200 bis 700 und sechs benannten Strichstärken, von ExtraLight bis Bold, jeweils mit Kursive, also 12 Schnitte in zwei variablen Dateien. Mit 4.287 Glyphen reicht sie weit über Lateinisch hinaus: Kyrillisch, Griechisch, Hebräisch und Arabisch sind vorhanden, dazu Vietnamesisch, Braille-Muster und ein Subset mit Symbolen. Das Copyright liegt bei der Microsoft Corporation, und die Lizenz ist die SIL Open Font License 1.1.

Wofür sich Cascadia Code eignet

Code-Editoren

Gleiche Zeichenbreiten halten Einrückungen und ausgerichtete Operatoren in Spalten, und die markierte Null wird nicht mit dem O verwechselt.

Terminal-Emulatoren

Braille-Muster und ein Subset mit Symbolen sind im Font enthalten; Programme im Textmodus nutzen sie für Diagramme und Anzeigen.

Codebeispiele in der Dokumentation

Sechs Strichstärken mit Kursiven erlauben fette Schlüsselwörter und kursive Kommentare, ohne die Familie zu verlassen.

Rechts-nach-links-Zeichenfolgen in Quelldateien

Hebräische und arabische Buchstaben stammen aus demselben Font wie der lateinische Code um sie herum.

Logs und tabellarische Ausgaben

Feste Breiten richten Zeitstempel, Level und Werte Zeile für Zeile 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: Arabisch, Braille, 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: arabic, braille, cyrillic, cyrillic-ext, greek, hebrew, latin, latin-ext, symbols2, 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 Cascadia Code 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.

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

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

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

Gut zu wissen

Strichstärken von 200 bis 700

Die Achse endet bei Bold 700; es gibt weder ExtraBold noch Black und nichts Leichteres als ExtraLight 200.

Zwei variable Dateien

Aufrecht und kursiv sind getrennte Variable Fonts, jeweils mit der vollen Weight-Achse.

Eine große Datei

Die 4.287 Glyphen aus mehreren Schriftsystemen machen die Dateien größer als bei einem rein lateinischen Monospace-Font; für den Einsatz im Web solltest du sie als Subset reduzieren.

Urheber

Der Katalog nennt vier Designer. Die Name-Tabelle des Fonts führt Aaron Bell als Designer und Saja Typeworks als Hersteller.

Häufige Fragen

Sammlungen mit Cascadia Code

• Monospace-Fonts zum Programmieren

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

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