Hoe Google Web Font lettertype kiezen voor website?

Hoewel de omvang van uw project uw zoektocht kan beperken door lettertypes uit te sluiten die niet het bereik hebben dat u nodig hebt, of u in de richting te sturen van lettertypes die dat wel hebben, mag je niet vergeten dat er geen harde en snelle regels zijn om het lettertype met de juiste esthetiek te bepalen. Dat is een kwestie van de persoonlijkheid van het lettertype.

Voorbeelden lettertypes

Veel apps en websites gebruiken nog steeds een kleine selectie van de meest gangbare lettertypes – een overblijfsel uit een tijd waarin dit de meest praktische benadering van digitale typografie was. Bijvoorbeeld:

Arial, Times New Roman, Courier New, Helvetica, Times, Courier, Verdana, Georgia 

Tegenwoordig hoeft u geen compromissen meer te sluiten door een alledaags ‘werkpaard’-lettertype te kiezen. Weblettertypes zijn over het algemeen net zo betrouwbaar als systeemlettertypes, maar met een grotere variëteit om uit te kiezen. 

Proxima Nova, Helvetica, Museo, Futura, Brandon Grotesque 
(populaire klassiekers)

Gibson, Gotham, Classic Grotesque, Montserrat 
(Google web fonts)

Google web fonts handleidingen

Meer Google web fonts handleidingen:

Combinaties van fonts en meer lettertypes gebruiken

Nu de basis is weggewerkt, kun je gerust verder gaan met meer ingewikkelde beslissingen zoals het paren van lettertypes. Pairing kan een vrij genuanceerde en ingewikkelde zaak zijn, zelfs voor lettertype-experts, maar dat betekent niet dat het helemaal moet worden vermeden. Er zijn eindeloos veel combinaties, en het kan soms even duren om de juiste combinatie te vinden. Het is leuk om verschillende combinaties uit te proberen, dus omarm het proces en test zo veel mogelijk opties – wat het beste werkt, kan je verrassen.

Contrast, verschil en overeenkomsten fonts

Sommige combinaties werken goed door hun contrast, terwijl andere combinaties het juist goed doen door overeenkomsten. Grote verschillen kunnen een lay-out dynamischer maken, terwijl het gebruik van verschillende stijlen uit een superfamilie voor meer visuele samenhang zorgt.

Als je een uniek en opvallend lettertype hebt gekozen voor de titel, probeer dan iets rustigers en vertrouwds voor de hoofdtekst. Een klassieke keuze zou zijn om de schreefloze stijl te gebruiken voor de titels en de schreefloze stijl voor de hoofdtekst.

Probeer deze voorbeelden eens:
Alegreya and Alegreya Sans (gelijk)
Libre Franklin and Libre Baskerville (contrast)

Stap 1 | Maak een grove selectie

Wanneer u door de familieproefpagina’s in de Google Fonts directory bladert, kunt u populaire combinaties uitproberen en aanpassen.

Maak een grove selectie van bijvoorbeeld 5 tot 15 fonts.

Stap 2 | Kies paar lettertypes en kijk naar gewichten

Kies 2 of 3 lettertypes en kijk naar de gewichten. Hoe meer diktes hoe fijner. Kijk vervolgens op:
https://fonts.google.com

Check je lettertypes en bekijk de diktes.

Voorbeeld Poppins Google Web Font

Voor de koppen is het fijn om de Semibold 600 te gebruiken

Stap 3 | Maak combinaties van fonts en lettertypes

Kies 1, 2 of 3 lettertypes en maak font combinaties en kijk wat goed uitpakt. Je kan hiervoor mooi deze websites gebruiken:

https://fontjoy.com

https://www.fontpair.co

Hieronder een voorbeeld met de Poppins 600 als kop en de Montserrat als tekstletter:

Nog geen keuze kunnen maken uit de fonts?

Het is de moeite waard om een korte lijst te maken en de lettertypes die u overweegt te gebruiken.

• Bekijk het volledige scala aan tekens en stijlen voor elke optie.
• Kijk hoe ze er in het cyrillisch of Thais uitzien.
• Zoek een biografie van de ontwerper.
• Kijk hoe dit lettertype in het verleden is gebruikt.

Onderschat vooral niet je typografische behoeften of de behoeften van je lezers. Hoe meer stijlen, tekens en scripts een lettertype ondersteunt, hoe beter je voorbereid bent.

Typografie is een subtiele kunst, maar minder ongrijpbaar dan haar reputatie doet vermoeden. Als je al hebt nagedacht over de organisatie van je project, de reikwijdte en het publiek, ben je klaar om slimme typografische keuzes te maken.