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.
Save changes
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.
-
Inter
Getekend voor schermen, met negen gewichten, cursieven en een as voor optische grootte die de letters aanpast tussen kleine en grote toepassing.
-
Roboto
Negen gewichten met cursieven plus een breedteas, zodat één familie dichte tabellen, lopende tekst en grote titels dekt.
-
Figtree
Gemaakt voor web- en mobiele apps: zeven gewichten van Light tot Black met cursieven op één variabele as.
-
DM Sans
Geometrische letters met laag contrast en een as voor optische grootte van 9 tot 40, voor labels en koppen.
-
Plus Jakarta Sans
Open binnenruimtes en een iets hoge onderkast houden kleine labels leesbaar; zeven gewichten van ExtraLight tot ExtraBold met cursieven.
-
Manrope
Een variabele gewichtsas van ExtraLight tot ExtraBold met Cyrillisch en Grieks voor meertalige producten; alleen rechtopstaande stijlen.
-
IBM Plex Sans
Zeven gewichten met cursieven en een breedteas die de letters versmalt voor compacte panelen.
-
Source Sans 3
Ontworpen als interfacefont zonder schreef: acht gewichten van ExtraLight tot Black met cursieven, Cyrillisch en Grieks.
-
Work Sans
Afgestemd op schermtekst van 14 tot 48 pixels, in negen variabele gewichten met cursieven.
-
Ubuntu
Gemaakt voor een desktopinterface en met de hand gehint voor schermen; vier gewichten met cursieven.
-
Nunito Sans
Vier variabele assen, waaronder optische grootte en hoogte van de onderkast, laten je de dichtheid bijstellen zonder van familie te wisselen.
-
Geist
Een hoge onderkast en binnenruimtes die ook in Black open blijven, zodat zware labels duidelijk blijven; negen gewichten met cursieven en Cyrillisch.
-
Public Sans
Een neutrale sans, gemaakt voor een designsysteem van de overheid, in negen variabele gewichten met cursieven.
-
Onest
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
Bijna ronde buiken en vrijwel gelijkmatige lijnen in negen gewichten met cursieven; alleen Latijns, met complete Turkse en Poolse letters.
-
Be Vietnam Pro
Gericht op technologieproducten, met Vietnamese diakritische tekens als prioriteit getekend; negen gewichten met cursieven als losse bestanden.
-
Hanken Grotesk
Negen variabele gewichten met cursieven, afgestemd op bewegwijzering, boeken en interfaces.
De voorbeelden laden een eenvoudige Latijnse subset van elke familie. Elke familie hier heeft een open licentie; op de eigen pagina staan de voorwaarden en de originele bestanden.
Vragen over heldere schreefloze fonts voor app-interfaces
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.