Roboto Serif

Roboto Serif uitproberen

Gewichten en stijlen

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

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

Roboto Serif is een serif-familie die als variabel font is gebouwd voor lezen op schermen en in druk. In het specimen zijn de schreven stevig en met een aanloop, is het contrast tussen dikke en dunne lijnen gematigd en is de onderkast groot, zodat het tekstbeeld van Thin tot Black gelijkmatig blijft. Vier assen bepalen de familie: gewicht van 100 tot 900, breedte van 50 tot 150, optische grootte van 8 tot 144 en grade van -50 tot 100. Negen benoemde gewichten komen elk rechtopstaand en cursief voor, samen 18 stijlen. De officiële toelichting noemt het font sober en functioneel, en dankzij de spreiding in gewichten, breedtes en optische groottes ook bruikbaar in app-interfaces. De 1.158 glyphs dekken Latin, Latin Extended, Cyrillisch en Vietnamees. Als makers staan Commercial Type en Greg Gazdowicz vermeld. Roboto Serif is uitgebracht onder de SIL Open Font License 1.1.

Waar Roboto Serif goed werkt

Lange artikelen

Met een optische grootte van 8 tot 144 past de tekening zich binnen één familie aan van kleine lopende tekst tot grote koppen.

Leesapps en e-books

Met de grade-as, van -50 tot 100, kan een app de tekst lichter of donkerder maken voor een leesthema.

Smalle kolommen in krantenstijl

Een breedte tot 50 maakt een kop smaller, zodat die in een krappe kolom past.

Serif-tekst in interfaces

De officiële toelichting noemt app-interfaces als toepassing; Medium en SemiBold geven labels voldoende gewicht.

Serif bij Roboto

Het font draagt de naam Roboto en heeft dezelfde spreiding van Thin 100 tot Black 900 als de sans.

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

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

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

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

Goed om te weten

Breedte werkt twee kanten op

De standaardbreedte is 100; de as wordt smaller tot 50 en breder tot 150.

Standaard optische grootte is 20

De opsz-as loopt van 8 tot 144 en staat op 20, tenzij de toepassing een andere waarde instelt.

Twee variabele bestanden

Rechtopstaand en cursief zijn aparte bestanden, elk met alle vier de assen.

Veelgestelde vragen

Collecties met Roboto Serif

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

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