Fira Sans

Fira Sans ausprobieren

Strichstärken und Schnitte

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

Über Fira Sans

Fira Sans ist eine serifenlose Schriftfamilie, die zum Charakter von Mozillas FirefoxOS passen und auf vielen Handys mit unterschiedlicher Displayqualität und Darstellung lesbar bleiben sollte. Das Schriftmuster zeigt kleine Buchstaben mit hoher Mittellänge, offene Formen bei a, c, e und s, leicht schräg abgeschnittene Strichenden und kräftige Verbindungen, die auch im Schnitt Black klar bleiben. Die Familie hat neun Strichstärken von Thin 100 bis Black 900, jeweils mit einer Kursiven, zusammen 18 Schnitte als statische Dateien; ein Variable Font ist sie nicht. Jede Datei enthält 2.677 Glyphen für Lateinisch, Lateinisch erweitert, Kyrillisch, Griechisch und Vietnamesisch. Laut den offiziellen Angaben gibt es Fira in drei Breiten, alle mit Kursiven, sowie eine dicktengleiche Variante. Das Projekt leitet Carrois, eine Berliner Foundry; das Copyright liegt bei The Mozilla Foundation und Telefonica S.A.

Wofür sich Fira Sans eignet

Oberflächen für Smartphone und Tablet

Gute Lesbarkeit auf Displays unterschiedlicher Qualität war das erklärte Entwurfsziel.

Technische Dokumentation

Die Kursiven aller neun Strichstärken übernehmen die Hervorhebung, und die verwandte dicktengleiche Variante setzt den Code.

Mehrsprachige Produkte

Eine Familie deckt Lateinisch, Kyrillisch, Griechisch und Vietnamesisch mit demselben Stärkenspektrum ab.

Fließtext auf Websites

Regular und Medium haben offene Buchstabenformen, die Absätze in üblichen Textgrößen klar halten.

Markenauftritte

Von Thin bis Black und mit den schmalen Schwesterfamilien ergibt sich eine vollständige Hierarchie aus einem Entwurf.

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

Fira 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: "Fira Sans";
  src: url("/assets/fonts/FiraSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 14 more files in the package, declared the same way */

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

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

Gut zu wissen

Nur statische Fonts

Das Paket enthält 18 einzelne TTF-Dateien und keinen Variable Font.

Schmale Breiten sind eigene Familien

Die schmaleren Versionen erscheinen unter eigenen Familiennamen und nicht als Achse.

Vier Schriftsysteme in jeder Datei

Jeder der 18 Fonts enthält alle 2.677 Glyphen: Lateinisch, Kyrillisch, Griechisch und Vietnamesisch.

Häufige Fragen

Sammlungen mit Fira Sans

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

• 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: sans serif