Fira Sans

Fira Sans uitproberen

Gewichten en stijlen

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

Over Fira Sans

Fira Sans is een sans serif-familie die is ontworpen om te passen bij het karakter van Mozilla’s FirefoxOS en om leesbaar te blijven op uiteenlopende toestellen met schermen en weergave van wisselende kwaliteit. In het specimen zie je een hoge onderkast, open openingen in de a, c, e en s, een lichte schuinte op sommige lijneinden en stevige verbindingen die ook in het gewicht Black helder blijven. De familie heeft negen gewichten, van Thin 100 tot Black 900, elk met een cursief: 18 stijlen, geleverd als statische bestanden. Het is geen variabel font. Elk font bevat 2.677 glyphs voor Latin, Latin Extended, Cyrillic, Grieks en Vietnamees. Volgens de officiële toelichting is Fira er in drie breedtes, allemaal met cursieven, plus een variant met vaste letterbreedte. Carrois, een Berlijnse foundry, leidt het project. Het auteursrecht ligt bij The Mozilla Foundation en Telefonica S.A.

Waar Fira Sans goed werkt

Interfaces voor telefoon en tablet

Leesbaarheid op schermen van wisselende kwaliteit was het uitdrukkelijke ontwerpdoel.

Technische documentatie

Cursieven in alle negen gewichten zorgen voor nadruk, en de verwante variant met vaste letterbreedte kan de code zetten.

Meertalige producten

Eén familie dekt Latin, Cyrillic, Grieks en Vietnamees, met hetzelfde gewichtsbereik.

Lopende tekst op websites

Regular en Medium hebben open lettervormen waardoor alinea’s op gewone tekstformaten helder blijven.

Merksystemen

Thin tot Black plus smalle zusterfamilies geven vanuit één ontwerp een volledige hiërarchie.

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
• Vietnamees
• Russisch
• Oekraïens
• Bulgaars
• Grieks

Schriftsystemen naast het Latijnse waarvoor de familie glyphs heeft: Cyrillisch, Grieks. Dit zijn schriften, geen belofte voor elke taal die erin wordt geschreven.

Tekensets in de bestanden: cyrillic, cyrillic-ext, greek, greek-ext, latin, latin-ext, vietnamese. 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 Fira Sans

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

Fira Sans 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: "Fira Sans";
  src: url("/assets/fonts/FiraSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 14 more files in the package, declared the same way */

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

Of laad het vanaf de officiële bron. Google Fonts levert Fira Sans 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=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

Goed om te weten

Alleen statische fonts

Het pakket bevat 18 losse TTF-bestanden en geen variabel font.

Smalle breedtes zijn aparte families

Smallere versies verschijnen onder hun eigen familienaam, niet als as.

Vier schriften in elk bestand

Elk van de 18 fonts bevat alle 2.677 glyphs: Latin, Cyrillic, Grieks en Vietnamees.

Veelgestelde vragen

Collecties met Fira Sans

• Fonts voor ondertitels en videobijschriften

  Gewone, stevige sans serif-families voor ondertitels en bijschriften, gekozen om duidelijke letters op kleine groottes en meestal een brede taaldekking.

• Humanistische schreefloze fonts voor leesbare tekst

  Schreefloze families met open, door de pen beïnvloede lettervormen die comfortabel blijven in alinea’s, documenten en interfacetekst.

• Lettersystemen met bijpassende sans-, serif- en monofamilies

  Families die bedoeld zijn om samen te gebruiken: een sans, een serif of slab en vaak een monospace die proporties, gewichten en karakter delen.

Vergelijkbare fonts

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