Fira Code

Fira Code ausprobieren

Strichstärken und Schnitte

• Light 300Fira Code Light
• Regular 400Fira Code Regular
• Medium 500Fira Code Medium
• SemiBold 600Fira Code SemiBold
• Bold 700Fira Code Bold

Fira Code ist ein Variable Font: Der Download enthält den gesamten Stärkenbereich in einer Datei. Die oben genannten Strichstärken sind Positionen in diesem Bereich.

Über Fira Code

Fira Code ist eine Monospace-Schrift auf Basis von Fira Mono mit einem zusätzlichen Satz an Programmierligaturen. Folgen wie ein Pfeil, ein Kleiner-gleich-Zeichen oder ein Zuweisungsoperator werden als ein verbundenes Symbol gezeichnet, und bei häufigen Paaren wie zwei Punkten oder zwei Schrägstrichen korrigieren die Ligaturen den Abstand. Das betrifft nur die Darstellung: Der zugrunde liegende Text bleibt aus gewöhnlichen ASCII-Zeichen. Das Schriftmuster zeigt eine Null mit Markierung im Inneren, ein i mit Serifen sowie ein l und eine 1, die sich leicht unterscheiden lassen. Fira Code ist ein Variable Font mit einer Achse für die Strichstärke von 300 bis 700 und fünf benannten Strichstärken, Light bis Bold; eine Italic gibt es nicht. Die 1.846 Glyphen decken Lateinisch, Kyrillisch, Griechisch und ein Subset mit Symbolen ab. Das Copyright liegt bei The Fira Code Project Authors.

Wofür sich Fira Code eignet

Code-Editoren

Ligaturen machen aus mehrstelligen Operatoren einzelne Symbole, sodass Vergleiche und Pfeile als ein Token gelesen werden.

Terminals

Eine feste Zeichenbreite mit unterscheidbarer Null, unterscheidbarem l und unterscheidbarer 1 hält Befehlsausgaben und Pfade eindeutig.

Code in Folien und Tutorials

Bold 700 und SemiBold 600 bleiben lesbar, wenn ein Snippet projiziert wird.

Dokumentation mit Kommentaren in Kyrillisch oder Griechisch

Beide Schriftsysteme sind enthalten, sodass Kommentare auf Russisch oder Griechisch dieselbe Zeichenbreite behalten.

Konfigurations- und Log-Ansichten

Fünf Strichstärken erlauben es einem Tool, Ebenen oder Schlüssel in einer schwereren Strichstärke zu zeigen, ohne das Raster zu verlassen.

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
• 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, symbols2. 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 Fira 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.

Fira 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: "Fira Code";
  src: url("/assets/fonts/FiraCode-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

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

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

Gut zu wissen

Keine Italic

Fira Code hat nur aufrechte Strichstärken; Editoren, die Kommentare kursiv setzen, neigen sie künstlich.

Ligaturen lassen sich abschalten

Sie sind eine OpenType-Funktion, daher kann ein Editor oder CSS sie deaktivieren und die einfachen Zeichen anzeigen.

Der Dateiinhalt bleibt unverändert

Ligaturen ändern nur, wie Text gezeichnet wird; beim Kopieren von Code bleiben die ursprünglichen Zeichen erhalten.

Häufige Fragen

Sammlungen mit Fira 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 mit Unterstützung für Türkisch

  Familien mit offener Lizenz, die jeden Buchstaben des türkischen Alphabets enthalten, auch das i mit und ohne Punkt, in Text-, Display- und Schreibschrift-Stilen.

Ähnliche Fonts

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