Mozilla Headline

Mozilla Headline uitproberen

Gewichten en stijlen

• 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 is een variabel font: de download bevat het hele gewichtsbereik in één bestand, en de benoemde gewichten hierboven zijn posities binnen dat bereik.

Over Mozilla Headline

Mozilla Headline is een sans-seriffamilie voor titels waarin een handvol letters slab-schreven leent. In het specimen hebben de hoofdletters I en J en de kleine letters f, i, j, l en r vlakke horizontale schreven, heeft de hoofdletter A een korte vlag op de top en is de nul doorgestreept, terwijl de overige letters gewone grotesk-vormen met gelijkmatige lijnen zijn. Mozilla Headline is een variabel font met twee assen: gewicht van 200 tot 700 en breedte van 75 tot 125, waarbij 100 de normale breedte is. Zes benoemde instanties lopen van ExtraLight tot Bold; er zijn geen cursieven. Het bestand bevat 491 glyphs voor Latin en Latin Extended. De familie wordt toegeschreven aan Studio DRAMA en de copyrightvermelding noemt The Mozilla Headline Project Authors. De licentie is de SIL Open Font License 1.1.

Waar Mozilla Headline goed werkt

Heldtitels op webpagina's

Met de breedteas maak je de letter smaller tot 75 voor een lange kop of breder tot 125 voor een paar grote woorden.

Branding voor producten en campagnes

Slab-details op I, J, f en r en de A met vlag maken een korte naam herkenbaar in een verder gewone sans.

Technische content en content voor ontwikkelaars

Een doorgestreepte nul houdt 0 gescheiden van de letter O in versienummers en identificatiecodes binnen titels.

Tussenkopjes in zes gewichten

ExtraLight tot Bold dekken zowel rustige subkoppen als donkere hoofdtitels.

Glyphs

Taalondersteuning

De familie bevat de basisletters waarmee deze talen worden geschreven:

• Engels
• Frans
• Duits
• Spaans
• Portugees
• Italiaans
• Nederlands
• Zweeds
• Noors
• Deens
• Fins
• IJslands
• Catalaans
• Turks
• Pools
• Tsjechisch
• Slowaaks
• Hongaars
• Roemeens
• Kroatisch
• Sloveens
• Litouws
• Lets
• Estisch

Tekensets in de bestanden: latin, latin-ext. De talenlijst is een controle of de benodigde letters in het font zitten, geen belofte over de typografische kwaliteit in elke taal.

Licentie

Fonts die passen bij Mozilla Headline

De suggesties volgen uit eenvoudige regels op de gegevens: een contrasterende classificatie en genoeg gewichten voor lopende tekst. Ze zijn een vertrekpunt, geen oordeel.

Mozilla Headline op het web gebruiken

Download de familie, zet de bestanden op je eigen site en declareer ze in CSS. Link niet naar de bestanden op trendhub.net: de voorbeeldbestanden hier zijn subsets en hun adressen veranderen.

@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;
}

Of laad het vanaf de officiële bron. Google Fonts levert Mozilla Headline met deze code:

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

Goed om te weten

Twee assen in één bestand

Het gewicht loopt van 200 tot 700 en de breedte van 75 tot 125, met 100 als standaardbreedte. Beide kun je los van elkaar instellen.

Het bestand opent op ExtraLight

Het standaardgewicht van het variabele bestand is 200, dus stel het gewicht zelf in via CSS of in de applicatie.

Geen cursieven

Mozilla Headline heeft alleen rechtopstaande stijlen.

Alleen Latin

De 491 glyphs dekken Latin en Latin Extended. Cyrillisch en Grieks zijn niet inbegrepen.

Veelgestelde vragen

Collecties met Mozilla Headline

• Variabele fonts met een breedteas

  Variabele families waarin naast het gewicht ook de letterbreedte instelbaar is, van lichte versmalling om tekst te laten passen tot een volledig bereik van smal tot breed.

Vergelijkbare fonts

Andere families in dezelfde classificatie, gesorteerd op gedeelde gebruikstags. Alle fonts in de stijl sans serif