Manrope

Manrope ausprobieren

Strichstärken und Schnitte

• ExtraLight 200Manrope ExtraLight
• Light 300Manrope Light
• Regular 400Manrope Regular
• Medium 500Manrope Medium
• SemiBold 600Manrope SemiBold
• Bold 700Manrope Bold
• ExtraBold 800Manrope ExtraBold

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

Manrope ist eine quelloffene serifenlose Schriftfamilie, die Mikhail Sharanda 2018 gestaltet hat. Ein Jahr später machte Mirko Velimirovic gemeinsam mit ihm daraus einen Variable Font, und die Familie wird heute als eine Datei mit einer Achse für die Strichstärke von 200 bis 800 ausgeliefert. Sieben Strichstärken sind benannt, von ExtraLight bis ExtraBold. Im Schriftmuster sind die runden Buchstaben nahezu kreisförmig, die Strichenden flach abgeschnitten, das g ist einstöckig, während das a zwei Stockwerke behält, und geschweifte und runde Klammern sind hoch und schmal. Die Ziffern sind breit und offen. Kursive Schnitte hat Manrope nicht. Ihre 740 Glyphen decken Lateinisch, Lateinisch erweitert, Kyrillisch, Griechisch und Vietnamesisch ab, sodass sie sich für russische und griechische Oberflächen ebenso eignet wie für westeuropäische. Die Lizenz ist die SIL Open Font License 1.1.

Wofür sich Manrope eignet

Produktoberflächen

Offene, breite Ziffern und flache Strichenden halten Beschriftungen, Preise und Zähler in Buttons und Tabellen klar.

Landingpages

ExtraBold 800 für die Headline und Regular für den Text kommen aus einer einzigen Variable-Font-Datei mit 167 KB.

Oberflächen auf Russisch oder Griechisch

Kyrillisch und Griechisch stehen neben dem Lateinischen, sodass eine lokalisierte Oberfläche denselben Auftritt behält.

Branding für Startups und Tech

Nahezu kreisrunde Bögen und das einstöckige g geben einer Wortmarke eine klare, zeitgemäße Kontur.

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, greek, 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 Manrope 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.

Manrope 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: "Manrope";
  src: url("/assets/fonts/Manrope-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

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

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

Gut zu wissen

Keine Kursiven

Manrope hat nur aufrechte Schnitte. Wenn ein Browser Kursiv anfordert, neigt er den aufrechten Schnitt künstlich.

Die leichteste Strichstärke ist der Standard

Die Variable-Font-Datei startet bei 200, daher sollte die Strichstärke in CSS oder im Designprogramm ausdrücklich gesetzt werden.

Der Bereich endet bei ExtraBold

Die Achse für die Strichstärke reicht von 200 bis 800; Thin und Black gibt es nicht.

Häufige Fragen

Sammlungen mit Manrope

• Klare serifenlose Fonts für App-Oberflächen

  Serifenlose Schriftfamilien mit offener Lizenz, die in Buttons, Menüs, Tabellen und Einstellungsseiten gut lesbar bleiben und die Strichstärken mitbringen, die eine Oberfläche braucht.

• 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