Saira Semi Condensed

Saira Semi Condensed ausprobieren

Strichstärken und Schnitte

• Thin 100Saira Semi Condensed Thin
• ExtraLight 200Saira Semi Condensed ExtraLight
• Light 300Saira Semi Condensed Light
• Regular 400Saira Semi Condensed Regular
• Medium 500Saira Semi Condensed Medium
• SemiBold 600Saira Semi Condensed SemiBold
• Bold 700Saira Semi Condensed Bold
• ExtraBold 800Saira Semi Condensed ExtraBold
• Black 900Saira Semi Condensed Black

Über Saira Semi Condensed

Saira Semi Condensed ist eine Sans-Serif-Familie und eine der Breiten des Schriftsystems Saira, zwischen der normalen Saira und Saira Condensed. Ihre runden Buchstaben sind auf einem abgerundeten Rechteck statt auf einem Kreis aufgebaut: o, c und e haben flache Seiten und enge Ecken, und die Versalien folgen derselben eckigen Konstruktion. Die leicht verschmälerten Proportionen bringen mehr Zeichen in eine Zeile als die normale Breite, und die Kleinbuchstaben sind hoch im Vergleich zu den Versalien. Die Familie besteht aus neun einzelnen statischen Dateien, von Thin 100 bis Black 900; sie hat keine Kursiven und ist kein Variable Font. Jede Datei enthält 773 Glyphen für die Zeichensätze Lateinisch, Lateinisch erweitert und Vietnamesisch. Hector Gatti hat die Schrift gestaltet, und das Team von Omnibus-Type hat sie entwickelt. Die Dateien werden unter der SIL Open Font License 1.1 veröffentlicht, mit Saira als reserviertem Fontnamen.

Wofür sich Saira Semi Condensed eignet

Navigation und Beschriftungen in Oberflächen

Die verschmälerte Breite bringt längere Beschriftungen in Menüs, Tabs und Schaltflächen unter, und Medium oder SemiBold hebt den aktiven Eintrag von Regular-Text ab.

Tabellen und Dashboards

Schmale, eckige Ziffern halten Zahlenspalten kompakt, und die leichteren Strichstärken lassen nachrangige Werte zurücktreten.

Grafiken für Sport und Gaming

Kurven mit flachen Seiten in ExtraBold und Black geben Anzeigetafeln, Teamgrafiken und Stream-Overlays einen maschinell gefertigten, technischen Look.

Überschriften in kurzen Spalten

Neun Strichstärken von Thin bis Black lassen eine Überschrift, einen Vorspann und eine Bildunterschrift eine Familie teilen, wo die Spaltenbreite knapp ist.

Lokalisierte Oberflächen

Die 773 Glyphen enthalten die Buchstaben mit Akzenten für Vietnamesisch, Polnisch, Tschechisch und Türkisch, sodass übersetzte Bildschirme dieselbe Schrift behalten.

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

In den Dateien gefundene Zeichensätze: 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 Saira Semi Condensed 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.

Saira Semi Condensed 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: "Saira Semi Condensed";
  src: url("/assets/fonts/SairaSemiCondensed-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Saira Semi Condensed";
  src: url("/assets/fonts/SairaSemiCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Saira Semi Condensed";
  src: url("/assets/fonts/SairaSemiCondensed-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Saira Semi Condensed";
  src: url("/assets/fonts/SairaSemiCondensed-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/* …and 5 more files in the package, declared the same way */

body {
  font-family: "Saira Semi Condensed", sans-serif;
}

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

Gut zu wissen

Keine Kursiven

Saira Semi Condensed hat nur aufrechte Schnitte. Betonung muss durch einen Wechsel der Strichstärke entstehen.

Statische Dateien, kein Variable Font

Jede der neun Strichstärken ist eine eigene TTF-Datei. Die variable Version mit Achsen für Strichstärke und Breite wird als Familie Saira veröffentlicht.

Reservierter Fontname

Der Lizenzhinweis reserviert den Namen Saira, daher muss eine veränderte Version unter einem anderen Namen veröffentlicht werden.

Häufige Fragen

Ähnliche Fonts

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