Work Sans

Work Sans uitproberen

Gewichten en stijlen

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

Work 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 Work Sans

Work Sans is een sans serif-familie die vroege grotesken als losse inspiratiebron neemt. Op het specimen zijn de kenmerken van de familie te zien: een a en g met twee verdiepingen, een brede, open onderkast, een G met spoor en licht onregelmatige letterbreedtes waardoor het font niet geometrisch aanvoelt. Wei Huang, een letterontwerper uit Australië, leidt het project. De middelste gewichten zijn geoptimaliseerd voor tekst op schermen van ongeveer 14 tot 48 pixels, en de gewichten aan beide uiteinden zijn bedoeld voor displaygebruik. Details zijn vereenvoudigd voor schermresoluties en accenten zijn groter getekend dan voor druk gebruikelijk is. De familie telt negen gewichten van Thin tot Black met cursieven, 18 stijlen op een gewichtsas van 100 tot 900, en werd in februari 2020 variabel. De 1.338 glyphs omvatten Latin, Latin Extended en Vietnamees, onder de SIL Open Font License 1.1.

Waar Work Sans goed werkt

Interface en lopende tekst op het web

Regular en de gewichten eromheen zijn afgestemd op tekst van 14 tot 48 pixels, het bereik van de meeste webteksten en UI-labels.

Displaykoppen

Thin 100 en Black 900 zijn getekend voor grote groottes, zodat een pagina uit dezelfde familie een haarfijne of juist zeer zware titel kan krijgen.

Merksystemen voor digitale producten

Achttien benoemde instanties uit twee bestanden dekken logotype, marketingpagina's en productschermen.

Tekst met veel accenten

Vergrote diakritische tekens blijven ook op kleine groottes zichtbaar in talen als Vietnamees, Tsjechisch of Turks.

Presentaties en rapporten

De open groteske vormen lezen goed op projectoren en in geëxporteerde pdf's.

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

Tekensets in de bestanden: 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 Work 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.

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

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

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

Goed om te weten

Thin is haarfijn

Een update uit 2015 maakte Thin 100 gelijk aan het eerdere Hairline-ontwerp, en ExtraLight en Light werden daarbij aangepast.

Getekend voor schermen

Vormen en accenten zijn vereenvoudigd voor schermresoluties. Volgens de officiële toelichting staat op de projectpagina een aparte versie voor desktoptoepassingen.

Twee variabele bestanden

Rechtopstaand en cursief hebben elk de gewichtsas van 100 tot 900.

Veelgestelde vragen

Collecties met Work 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.

• Fonts voor presentaties en slides

  Sans serif- en slab serif-families die leesbaar blijven op een beamer of gedeeld scherm, met sterke bolds voor slidetitels.

• Groteske sans serif-fonts

  Groteske en neogroteske sans serif-families: eenvoudige, stevige, licht onregelmatige werkpaarden voor branding, redactioneel ontwerp en interfaces.

• Fontfamilies met negen gewichten en cursieven

  Complete families van Thin tot Black met een cursief bij elk gewicht: achttien stijlen voor een volledig typografisch systeem.

Vergelijkbare fonts

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