Raleway

Raleway ausprobieren

Strichstärken und Schnitte

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

Raleway 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 Raleway

Raleway ist eine serifenlose Schriftfamilie, die die offiziellen Angaben als Display-Schrift beschreiben. Sie begann mit dem dünnen Entwurf von Matt McInerney; Pablo Impallari und Rodrigo Fuenzalida erweiterten sie 2012 auf neun Stärken, 2016 folgten die Kursiven. Im Schriftmuster zeigt der Schnitt Thin haarfeine Striche, ein W mit sich kreuzenden Mittelstrichen und Ziffern, die wie Gemeine über und unter die Linie reichen: Zuerst erscheinen die Mediävalziffern, Versalziffern sind ebenfalls enthalten. Die offiziellen Angaben führen außerdem übliche und Ermessensligaturen sowie ein geometrischeres Set alternativer Stilvarianten auf. Raleway ist auf einer Achse variabel, der Strichstärke von 100 bis 900, mit benannten Schnitten von Thin bis Black in aufrecht und kursiv, zusammen 18 Schnitte. Die 1.067 Glyphen decken die Zeichensätze Latin, Latin Extended, Kyrillisch und Vietnamesisch ab. Raleway steht unter der SIL Open Font License 1.1.

Wofür sich Raleway eignet

Große, helle Headlines

Thin 100 und ExtraLight 200 sind haarfeine Stärken, die Größe brauchen; der dünne Entwurf war der Ausgangspunkt der Familie.

Branding für Mode und Lifestyle

Breite Versalien und das gekreuzte W geben einer Wortmarke ein wiedererkennbares Detail, mit neun Stärken für das begleitende System.

Layouts im Magazinstil

Mediävalziffern fügen sich in Vorspännen und Zitaten auf Höhe der Gemeinen in den Text ein, und die Kursiven setzen Akzente.

Hierarchie auf Landingpages

Black 900 für die Hauptzeile und Regular oder Medium für Zwischenüberschriften stammen aus derselben variablen Datei.

Überschriften auf Russisch und Vietnamesisch

Dank der Zeichensätze für Kyrillisch und Vietnamesisch kann derselbe Headline-Stil in allen Sprachversionen laufen.

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

Weitere Schriftsysteme neben dem lateinischen, für die die Familie Glyphen enthält: Kyrillisch. Genannt sind Schriftsysteme. Das ist keine Zusage für jede Sprache, die damit geschrieben wird.

In den Dateien gefundene Zeichensätze: cyrillic, cyrillic-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 Raleway 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.

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

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

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

Gut zu wissen

Ziffern sind standardmäßig Mediävalziffern

Ziffern wie 3, 4, 5, 7 und 9 sinken im Schriftmuster unter die Grundlinie. Versalziffern sind im Font enthalten und lassen sich über OpenType-Funktionen einschalten.

Zwei variable Dateien

Aufrecht und kursiv sind getrennte Dateien, die jeweils die Stärken 100 bis 900 abdecken.

Als Display-Schrift beschrieben

Die offiziellen Angaben ordnen Raleway als Display-Schrift ein, nicht als Schrift für lange Texte in kleinen Größen.

Häufige Fragen

Sammlungen mit Raleway

• Fonts für Logos und Wortmarken

  Geometrische, runde, breite und klassische Schriften mit offener Lizenz, die genug Charakter haben, um einen Namen allein zu tragen.

• Thin- und Hairline-Fonts für leichte, luftige Überschriften

  Familien mit einer Thin-Strichstärke und Hairline-Display-Schriften in einem Schnitt, für große Überschriften, Titelseiten und minimalistische Layouts.

• Schriftfamilien mit neun Strichstärken und Kursiven

  Vollständige Familien von Thin bis Black mit einer Kursiven für jede Strichstärke: achtzehn Schnitte für ein vollständiges typografisches System.

• Fonts mit Kyrillisch-Unterstützung

  Familien mit offener Lizenz und kyrillischen Glyphen neben dem Lateinischen: Text-Sans und -Serifen, eine Monospace, Schreibschriften und Display-Schriften.

Ähnliche Fonts

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