Nunito Sans

Nunito Sans uitproberen

Gewichten en stijlen

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

Nunito Sans is een variabel font: de download bevat het hele gewichtsbereik in één bestand per stijl, en de benoemde gewichten hierboven zijn posities binnen dat bereik.

Over Nunito Sans

Nunito Sans is een sans serif-familie met vlak afgesneden lijneinden, anders dan zijn zus Nunito, waarvan de lijneinden afgerond zijn. Het specimen toont ronde buiken, een gelijkmatige lijn en een eenvoudige, open constructie. Volgens de officiële toelichting begon Vernon Adams het project met Nunito, en breidde Jacques Le Bailly het uit en tekende hij deze niet-afgeronde versie. Ook Manvel Shmavonyan en Alexei Vanyashin worden genoemd. In februari 2023 werd de familie een variabel font met vier assen: gewicht van 200 tot 1000, breedte van 75 tot 125, optische grootte van 6 tot 12 en een as voor de hoogte van de onderkast van 440 tot 540. Acht benoemde gewichten, van ExtraLight tot Black, komen in rechtopstaand en cursief, samen 16 stijlen. Dezelfde update voegde Cyrillic toe. De fonts bevatten 1.100 glyphs en dekken Latin, Cyrillic en Vietnamees.

Waar Nunito Sans goed werkt

Productinterfaces

Vlakke lijneinden en ronde buiken geven knoppen, menu’s en formulieren in acht gewichten een heldere uitstraling.

Kleine labels en bijschriften

De as voor optische grootte, van 6 tot 12, past het ontwerp aan voor zeer kleine tekst.

Responsieve koppen

Met breedte van 75 tot 125 kan een titel op telefoons smaller en op desktop breder worden, uit één bestand.

Lopende tekst met een bijpassend displaylettertype

De afgeronde Nunito kan de koppen zetten, terwijl Nunito Sans de alinea’s draagt, in dezelfde verhoudingen.

Sites in het Russisch of Oekraïens

Cyrillic is met de update van 2023 toegevoegd en volgt het Latijnse ontwerp.

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

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

Tekensets in de bestanden: cyrillic, cyrillic-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 Nunito 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.

Nunito 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: "Nunito Sans";
  src: url("/assets/fonts/NunitoSans-Italic-VariableFont_YTLC%2Copsz%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("/assets/fonts/NunitoSans-VariableFont_YTLC%2Copsz%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

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

Of laad het vanaf de officiële bron. Google Fonts levert Nunito 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=Nunito+Sans:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">

Goed om te weten

Vier assen

Gewicht 200 tot 1000, breedte 75 tot 125, optische grootte 6 tot 12 en hoogte van de onderkast (YTLC) 440 tot 540.

Hoogte van de onderkast is een eigen as

YTLC stel je in via font-variation-settings. Er is geen aparte CSS-eigenschap voor.

Geen Grieks

Latin, Cyrillic en Vietnamees worden gedekt, Grieks niet.

Veelgestelde vragen

Collecties met Nunito Sans

• Heldere schreefloze fonts voor app-interfaces

  Schreefloze fontfamilies met een open licentie die duidelijk blijven in knoppen, menu’s, tabellen en instellingenschermen, met de gewichten die een interface nodig heeft.

• Variabele fonts met een as voor optische grootte

  Variabele families die zich opnieuw tekenen voor het formaat waarop ze staan: steviger en losser klein, fijner en strakker groot.

• Variabele fonts met ongewone assen

  Experimentele en expressieve variabele fonts met eigen assen: zachtheid, stuiteren, losheid, morphing, rotatie, grade en meer.

Vergelijkbare fonts

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