Mozilla Headline

Mozilla Headline ausprobieren

Strichstärken und Schnitte

• ExtraLight 200Mozilla Headline ExtraLight
• Light 300Mozilla Headline Light
• Regular 400Mozilla Headline Regular
• Medium 500Mozilla Headline Medium
• SemiBold 600Mozilla Headline SemiBold
• Bold 700Mozilla Headline Bold

Mozilla Headline 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 Mozilla Headline

Mozilla Headline ist eine serifenlose Familie für Titel, in der eine Handvoll Buchstaben Slab Serifs entlehnen. Im Schriftmuster tragen das große I und J sowie das kleine f, i, j, l und r flache waagrechte Serifen, das große A hat oben eine kurze Fahne, und die Null ist durchgestrichen, während die übrigen Buchstaben schlichte Grotesk-Formen mit gleichmäßigen Strichen sind. Mozilla Headline ist ein Variable Font mit zwei Achsen: weight von 200 bis 700 und width von 75 bis 125, wobei 100 die normale Breite ist. Sechs benannte Instanzen reichen von ExtraLight bis Bold; Italics gibt es nicht. Die Datei enthält 491 Glyphen für Lateinisch und Lateinisch erweitert. Die Familie wird Studio DRAMA zugeschrieben, und der Copyright-Vermerk nennt The Mozilla Headline Project Authors. Die Lizenz ist die SIL Open Font License 1.1.

Wofür sich Mozilla Headline eignet

Hero-Titel auf Webseiten

Die Achse width verengt die Schrift auf 75 für eine lange Headline oder weitet sie auf 125 für wenige große Wörter.

Branding für Produkte und Kampagnen

Slab-Details an I, J, f und r sowie das A mit Fahne machen einen kurzen Namen in einem schlichten Sans-Satz wiedererkennbar.

Technische Inhalte und Inhalte für Entwickler

Eine durchgestrichene Null hält 0 in Versionsnummern und Kennungen in Titeln vom Buchstaben O getrennt.

Abschnittsköpfe in sechs Strichstärken

ExtraLight bis Bold decken ruhige Zwischenüberschriften ebenso ab wie dunkle Haupttitel.

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

In den Dateien gefundene Zeichensätze: latin, latin-ext. 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 Mozilla Headline 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.

Mozilla Headline 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: "Mozilla Headline";
  src: url("/assets/fonts/MozillaHeadline-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

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

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

Gut zu wissen

Zwei Achsen in einer Datei

Weight reicht von 200 bis 700 und width von 75 bis 125, mit 100 als Standardbreite. Beide lassen sich unabhängig voneinander setzen.

Die Datei öffnet bei ExtraLight

Die Standard-Strichstärke der variablen Datei ist 200, setze die Strichstärke daher ausdrücklich in CSS oder im Programm.

Keine Italics

Mozilla Headline hat nur aufrechte Schnitte.

Nur Lateinisch

Die 491 Glyphen decken Lateinisch und Lateinisch erweitert ab. Kyrillisch und Griechisch sind nicht enthalten.

Häufige Fragen

Sammlungen mit Mozilla Headline

• Variable Fonts mit Breitenachse

  Variable Familien, bei denen sich neben der Strichstärke auch die Buchstabenbreite einstellen lässt, von leichtem Verschmälern zum Einpassen von Text bis zu einem vollen Bereich von schmal bis breit.

Ähnliche Fonts

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