Typografie

Om een consistente ervaring te bieden, wordt een tweetal fonts gebruikt binnen NDW:

DM Sans voor de headings
Nunito Sans voor teksten

Fonts laden (implementatie)

Het design system levert DM Sans en Nunito Sans zelf mee via Fontsource. De lettertypebestanden worden dus vanuit het design system (self-hosted) geladen.

Nooit lokaal of via Google Fonts implementeren

Implementeer deze fonts nooit apart in een applicatie, bijvoorbeeld via Google Fonts of een eigen @font-face. Het design system regelt dit al. Door de fonts via Google Fonts te laden worden gegevens van de bezoeker (zoals het IP-adres) naar Google verstuurd, wat we willen voorkomen.

Regelafstand (line-height)

DM Sans: 125%
Nunito Sans: 150%

Gewichten (Font weights)

We gebruiken alleen de volgende 'weights':

DM Sans is altijd bold (700)
Nunito Sans bestaat uit regular (400) en bold (700)

Variabele fonts

DM Sans en Nunito Sans zijn variabele lettertypen. Dit betekent dat één lettertypebestand meerdere variaties kan bevatten. Je kunt het gewicht, de breedte, de stijl, het optische formaat en meer wijzigen. De variabelen binnen variabele lettertypen worden bestuurd door assen.

Terugvalmogelijkheid (Fallback fonts)

Indien DM Sans of Nunito Sans niet beschikbaar zijn, dan zijn dit de fallbacks.

Tahoma
Sans Serif