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

Een interface vraagt meer van een lettertype dan een kop. De meeste tekst is kort en klein: labels van 12 of 13 pixels, tabelcellen, hulpregels onder een invoerveld. Op die groottes draait het om open openingen in letters als a, e en s, een ruime x-hoogte en cijfers die goed van elkaar te onderscheiden zijn. Een hoofdletter I, een kleine l en het cijfer 1 mogen in een wachtwoordveld niet op elkaar lijken.

Het bereik aan gewichten telt bijna even zwaar. Een product heeft meestal een regular voor lopende tekst, een medium of semibold voor knoppen en een bold voor nadruk, met genoeg verschil om in één oogopslag op te vallen. Met families met een variabele gewichtsas kies je exacte tussenstappen in plaats van de dichtstbijzijnde benoemde stijl. Cursieven zijn in interfaces minder belangrijk dan in artikelen, dus je vindt hier ook enkele families zonder cursief, die als zodanig zijn aangegeven. Verschijnt je product in meerdere talen, kijk dan bij elke familie naar de genoemde taaldekking voordat je kiest.

How these were chosen: Schreefloze families met het label interface die minstens vier gewichten bieden; de toelichting bij elke familie vermeldt wat de fontpagina opgeeft over cursieven, assen en schriften.

## Fonts (18)

- [Inter](https://trendhub.net/nl/fonts/inter.markdown) (Sans serif, 18 stijlen · variabel, OFL): Getekend voor schermen, met negen gewichten, cursieven en een as voor optische grootte die de letters aanpast tussen kleine en grote toepassing.
- [Roboto](https://trendhub.net/nl/fonts/roboto.markdown) (Sans serif, 18 stijlen · variabel, OFL): Negen gewichten met cursieven plus een breedteas, zodat één familie dichte tabellen, lopende tekst en grote titels dekt.
- [Figtree](https://trendhub.net/nl/fonts/figtree.markdown) (Sans serif, 14 stijlen · variabel, OFL): Gemaakt voor web- en mobiele apps: zeven gewichten van Light tot Black met cursieven op één variabele as.
- [DM Sans](https://trendhub.net/nl/fonts/dm-sans.markdown) (Sans serif, 18 stijlen · variabel, OFL): Geometrische letters met laag contrast en een as voor optische grootte van 9 tot 40, voor labels en koppen.
- [Plus Jakarta Sans](https://trendhub.net/nl/fonts/plus-jakarta-sans.markdown) (Sans serif, 14 stijlen · variabel, OFL): Open binnenruimtes en een iets hoge onderkast houden kleine labels leesbaar; zeven gewichten van ExtraLight tot ExtraBold met cursieven.
- [Manrope](https://trendhub.net/nl/fonts/manrope.markdown) (Sans serif, 7 stijlen · variabel, OFL): Een variabele gewichtsas van ExtraLight tot ExtraBold met Cyrillisch en Grieks voor meertalige producten; alleen rechtopstaande stijlen.
- [IBM Plex Sans](https://trendhub.net/nl/fonts/ibm-plex-sans.markdown) (Sans serif, 14 stijlen · variabel, OFL): Zeven gewichten met cursieven en een breedteas die de letters versmalt voor compacte panelen.
- [Source Sans 3](https://trendhub.net/nl/fonts/source-sans-3.markdown) (Sans serif, 16 stijlen · variabel, OFL): Ontworpen als interfacefont zonder schreef: acht gewichten van ExtraLight tot Black met cursieven, Cyrillisch en Grieks.
- [Work Sans](https://trendhub.net/nl/fonts/work-sans.markdown) (Sans serif, 18 stijlen · variabel, OFL): Afgestemd op schermtekst van 14 tot 48 pixels, in negen variabele gewichten met cursieven.
- [Ubuntu](https://trendhub.net/nl/fonts/ubuntu.markdown) (Sans serif, 8 stijlen, UFL): Gemaakt voor een desktopinterface en met de hand gehint voor schermen; vier gewichten met cursieven.
- [Nunito Sans](https://trendhub.net/nl/fonts/nunito-sans.markdown) (Sans serif, 16 stijlen · variabel, OFL): Vier variabele assen, waaronder optische grootte en hoogte van de onderkast, laten je de dichtheid bijstellen zonder van familie te wisselen.
- [Geist](https://trendhub.net/nl/fonts/geist.markdown) (Sans serif, 18 stijlen · variabel, OFL): Een hoge onderkast en binnenruimtes die ook in Black open blijven, zodat zware labels duidelijk blijven; negen gewichten met cursieven en Cyrillisch.
- [Public Sans](https://trendhub.net/nl/fonts/public-sans.markdown) (Sans serif, 18 stijlen · variabel, OFL): Een neutrale sans, gemaakt voor een designsysteem van de overheid, in negen variabele gewichten met cursieven.
- [Onest](https://trendhub.net/nl/fonts/onest.markdown) (Sans serif, 9 stijlen · variabel, OFL): Zit tussen geometrisch en humanistisch in, met letters die in kleine navigatietekst goed te onderscheiden blijven; Thin tot Black met Cyrillisch, alleen rechtopstaande stijlen.
- [Albert Sans](https://trendhub.net/nl/fonts/albert-sans.markdown) (Sans serif, 18 stijlen · variabel, OFL): Bijna ronde buiken en vrijwel gelijkmatige lijnen in negen gewichten met cursieven; alleen Latijns, met complete Turkse en Poolse letters.
- [Be Vietnam Pro](https://trendhub.net/nl/fonts/be-vietnam-pro.markdown) (Sans serif, 18 stijlen, OFL): Gericht op technologieproducten, met Vietnamese diakritische tekens als prioriteit getekend; negen gewichten met cursieven als losse bestanden.
- [Hanken Grotesk](https://trendhub.net/nl/fonts/hanken-grotesk.markdown) (Sans serif, 18 stijlen · variabel, OFL): Negen variabele gewichten met cursieven, afgestemd op bewegwijzering, boeken en interfaces.
- [Wix Madefor Text](https://trendhub.net/nl/fonts/wix-madefor-text.markdown) (Sans serif, 10 stijlen · variabel, OFL): De tekstsnede van een productletterstelsel, gemaakt voor interfaces: vijf gewichten met cursieven en Cyrillisch.

## FAQs

### Mag ik deze fonts in een commerciële app meeleveren?

Elke familie hier heeft een open licentie, meestal de SIL Open Font License, die gebruik in commerciële producten en insluiting in apps toestaat. De licentietekst zit bij elke download; lees de pagina van de gekozen familie voor de precieze voorwaarden.

### Kies je voor een interface beter een variabel font of losse bestanden?

Een variabel bestand bevat alle gewichten in één download en laat tussenwaarden toe, handig als een designsysteem een 450 of 550 nodig heeft. Losse bestanden blijven een goede keuze als je maar twee of drie gewichten gebruikt.

### Heb ik cursieven nodig voor interfacetekst?

Zelden. Interfaces leunen voor nadruk op gewicht en kleur. Cursieven worden nuttig als het product lange teksten toont, zoals artikelen of documentatie, in dezelfde fontfamilie.

### Hoe combineer ik een schreefloos interfacefont met een codefont?

Meerdere families in deze lijst hebben een monospace-variant die met dezelfde proporties is getekend. Met die variant blijven hoogtes en lijndikte gelijk tussen proza en code.

## Related collections

- [Groteske sans serif-fonts](https://trendhub.net/nl/fonts/for/grotesque-sans-serif-fonts.markdown)
- [Humanistische schreefloze fonts voor leesbare tekst](https://trendhub.net/nl/fonts/for/humanist-sans-serif-fonts.markdown)
- [Smalle sans serif-fonts voor tabellen en krappe opmaak](https://trendhub.net/nl/fonts/for/narrow-fonts-for-tight-layouts.markdown)
- [Monospace fonts om in te programmeren](https://trendhub.net/nl/fonts/for/monospace-fonts-for-coding.markdown)
- [Variabele fonts met een as voor optische grootte](https://trendhub.net/nl/fonts/for/variable-fonts-with-optical-size.markdown)
- [Vierkante sans serif-fonts voor tech- en game-interfaces](https://trendhub.net/nl/fonts/for/tech-and-game-interface-fonts.markdown)

---

Source: https://trendhub.net/nl/fonts/for/app-interface-fonts (trendhub)
