Roboto

Roboto uitproberen

Gewichten en stijlen

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

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

Roboto is een sans serif-familie die de officiële beschrijving tweezijdig noemt: een mechanisch, grotendeels geometrisch skelet in combinatie met vriendelijke, open bogen. De letters behouden hun natuurlijke breedte in plaats van in een rigide ritme te worden geperst, wat de beschrijving koppelt aan het leesritme van humanistische letters en schreefletters. In het specimen zijn de lijnen gelijkmatig, heeft de a twee verdiepingen en staat de hoofdletter R op een rechte diagonale poot. Sinds juli 2020 is Roboto een variabel font met twee assen: gewicht van 100 tot 900 en breedte van 75 tot 100, waarbij het smalle uiteinde overeenkomt met de eerdere Roboto Condensed. Negen benoemde gewichten komen in rechtopstaand en cursief, samen 18 stijlen. De 1.326 glyphs dekken Latin, Cyrillisch, Grieks en Vietnamees. In de vermeldingen staan Christian Robertson, ParaType en Font Bureau, en de licentie is de SIL Open Font License 1.1.

Waar Roboto goed werkt

App- en webinterfaces

Negen gewichten met cursief dekken elk niveau van een interface, van Thin-displaycijfers tot Bold-knoppen.

Compacte tabellen en zijpanelen

De breedteas versmalt tot 75, waardoor er meer tekens in een kolom passen en je toch in dezelfde familie blijft.

Lopende tekst

De letters behouden hun natuurlijke breedte, wat volgens de officiële beschrijving zorgt voor een natuurlijker leesritme in alinea’s.

Producten in meerdere schriften

Met de tekensets Latin, Cyrillisch, Grieks en Vietnamees bedient één familie veel taalversies.

Systemen die een slab en een mono als metgezel nodig hebben

De officiële beschrijving noemt Roboto Slab en Roboto Mono als leden van dezelfde superfamilie, voor koppen en code.

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, 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 Roboto

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

Roboto 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: "Roboto";
  src: url("/assets/fonts/Roboto-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

Goed om te weten

Breedteas is 75 tot 100

Hij versmalt het ontwerp richting de eerdere Roboto Condensed. Breder maakt hij het niet.

Twee variabele bestanden

Rechtopstaand en cursief zijn aparte bestanden, elk met beide assen.

Veelgestelde vragen

Collecties met Roboto

• 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.

• 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.

• 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.

• 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.

• Fonts met ondersteuning voor Grieks

  Families met een open licentie en Griekse glyphs naast Latijn, voor Griekstalige sites en voor wiskunde, wetenschap en klassieke talen.

Vergelijkbare fonts

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