Source Serif 4

Source Serif 4 uitproberen

Gewichten en stijlen

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

Source Serif 4 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 Source Serif 4

Source Serif 4 is een serif-familie in de overgangsstijl, gemaakt om Source Sans te vergezellen door de letterverhoudingen en de grijswaarde van de tekst daarvan te evenaren. Volgens de officiële toelichting is ze losjes gebaseerd op het werk van de achttiende-eeuwse stempelsnijder Pierre Simon Fournier en behoudt ze enkele van zijn eigenaardigheden, zoals de schreef onderaan de b en de middelste schreef van de w, terwijl de vormen voor digitaal gebruik zijn vereenvoudigd. Frank Grießhammer ontwierp haar, en Robert Slimbach adviseerde bij het ontwerp. De familie is een variabel font met twee assen: gewicht van 200 tot 900 en optische grootte van 8 tot 60, met 20 als standaard. Acht benoemde gewichten, ExtraLight tot Black, komen in rechtopstaand en cursief voor, samen 16 stijlen. De fonts bevatten 1.463 glyphs voor Latijn, Latijn uitgebreid, Vietnamees, Cyrillisch en Grieks.

Waar Source Serif 4 goed werkt

Lang leeswerk

Het ontwerp richt zich op lange teksten op papier en scherm, en de as voor optische grootte maakt fijne details dikker naarmate de letters kleiner worden.

Koppen uit dezelfde familie

Aan de bovenkant van de as voor optische grootte, tot 60, worden de schreven en haarlijnen scherper voor titels.

Systemen met serif en sans

Dankzij de op Source Sans afgestemde verhoudingen kunnen de twee elkaar afwisselen in lopende tekst en bijschriften, zonder sprong in formaat of kleur.

Academische en boektypografie

Rechtopstaand en cursief in acht gewichten dekken tekst, nadruk, koppen en noten; Grieks en Cyrillisch dienen voor citaten.

Nieuws- en tijdschriftsites

SemiBold tot Black zetten artikelkoppen boven tekst in Regular.

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 Source Serif 4

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

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

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

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

Goed om te weten

Optische grootte van 8 tot 60

De standaard van de as is 20. Browsers passen optische grootte automatisch toe; elders stel je haar zelf in.

Twee variabele bestanden

Rechtopstaand en cursief zijn afzonderlijke bestanden, elk met zowel de gewichtsas als de as voor optische grootte.

Details overgenomen van Fournier

De voetschreef op de b en de middelste schreef op de w zijn bewuste historische kenmerken, geen fouten.

Veelgestelde vragen

Collecties met Source Serif 4

• Serif-fonts voor lang lezen op schermen

  Tekstserifs getekend voor schermen of voor lang lezen: grote x-hoogtes, gematigd contrast en echte cursieven voor artikelen, blogs en documentatie.

• 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