Er zijn ongeveer 1000 verschillende Google Fonts die gratis kunnen worden gebruikt. Dat is een bijna ongelooflijk aantal keuzes. Om het ideale lettertype in uw eigen website te integreren, maakt deze selectie het de gebruiker niet gemakkelijk. Daarom hebben we hier een lijst samengesteld met de beste Google Fonts.
Ook leggen we uit hoe je Google Fonts het beste kunt gebruiken in een WordPress website.
Naast de esthetische beslissing bij het kiezen van een lettertype, zijn er nog andere criteria waarmee u rekening moet houden. De typografie van de website kan een doorslaggevende invloed hebben op het bouncepercentage en de conversieratio.
Een ander cruciaal punt is echter de leesstroom van de gebruikers van uw website. Als dit negatief wordt beïnvloed, heeft dit verstrekkende gevolgen.
Het loont de moeite om tijd te investeren in het kiezen van het juiste Google-lettertype bij het maken van een website. Het kiezen van het eerste lettertype dat langskomt, is geen goede beslissing.
De 10 beste Google-lettertypen in 2019 – gebaseerd op algemeen gebruikersgedrag
Volgens een onderzoek van Google Fonts Analytics werd het algemene gebruikersgedrag bepaald. Met ongeveer 25 biljoen lettertypeweergaven heeft Google genoeg gegevens in handen om zinvolle resultaten te analyseren.
Klaar om meer te leren? Perfect.
Laten we dus eens kijken naar de meest populaire lettertypen en kijken naar de nieuwkomers voor 2020, die in 2019 al in populariteit zijn gegroeid.
Roboto
-schreef
Soorten: 12
Roboto is een schreefloos lettertype van Christian Robertson, ontwikkeld door Google voor het Android-besturingssysteem. Inmiddels is het enorm populair, verkrijgbaar in verschillende varianten en wordt het daarom meerdere malen gerangschikt in Google Fonts Analytics. Dit betekent dat Roboto op zichzelf het populairste lettertype is, maar Roboto Condensed als variant is ook enorm populair en staat op de zesde plaats, Roboto Slab op de 13e plaats!
Sans openen
schreefloos
Soorten: 10
Open Sans is ook een schreefloos lettertype ontwikkeld door Steve Matteson. Google gebruikt Open Sans op verschillende van zijn websites, in zijn gedrukte advertenties en voor online advertenties.
Lato
schreefloos
Soorten: 10
Lato is ook een zeer populair schreefloos lettertype van Lukasz Dziedzic.
Slabo 27px/13px
Schreef
Soorten: 2
Slabo Serif Font is ontwikkeld door John Hudson van Tiro Typeworks. Dit lettertype is speciaal ontworpen voor een specifieke grootte. 27px of 13px, afhankelijk van de behoeften van de gebruikers.
Oswald
schreefloos
Soorten: 6
Oswald is een schreefloos lettertype ontwikkeld door Vernon Adams.
Bron: Sans Pro
schreefloos
Soorten: 12
Source Sans Pro is een schreefloos lettertype van Paul Hunt. Het lettertype is ontwikkeld voor Adobe en was het eerste open-source lettertype.
Montserrat
schreefloos
Soorten: 18
Montserrat is een schreefloos lettertype van Julieta Ulanovsky. Het lettertype heeft 18 verschillende typen.
Raleway
schreefloos
Soorten: 18
Met zijn 18 verschillende lettertypen biedt Raleway een bijzonder grote keuze. Het lettertype is ontwikkeld door Matt Mclnerney. Er is nog een andere gestippelde ondersoort genaamd Raleway Dots, die vaak wordt gebruikt voor krantenkoppen.
PT Sans
schreefloos
Soorten: 4
Het lettertype PT Sans is ontwikkeld voor officiële publicaties van de Russische Federatie. Het bevat zowel Latijnse als Cyrillische letters. Er zijn verschillende varianten beschikbaar, evenals “serif” -opties.
Lora
Schreef
Soorten: 4
Lora is een populair schreeflettertype. Het wordt vaak gebruikt voor zowel webdesign als voor printontwerp.
Extra lettertypen en populaire lettertypen in 2019 / 2020
De tien hierboven gepresenteerde lettertypen zijn (in volgorde) de meest populaire lettertypen op Google. Maar er zijn ook de grote stijgers van 2019 en 2020. Ze zijn nog weinig bekend en daarom nog niet zo aanwezig in de analysecijfers.
Dus hier zijn onze favorieten van de nieuwkomers:
Noto Sans / Serif
Schreefloos of schreefloos
Soorten: 4
Het lettertype Noto is gemaakt in opdracht van Google. Het lettertype is verkrijgbaar in serif en ook in de sans serif variant. Met bepaalde tussenpozen verschijnen er nieuwe updates. Inmiddels zijn er meer dan 100 Noto lettertypes.
Nunito Sans
schreefloos
Stijlen: 14
Nunito Sans is een schreefloze optie die steeds populairder wordt (het gebruik ervan is sinds het jaar 2019 verdrievoudigd).
Concert Een
schreefloos
Soorten: 1
Concert One is een afgerond schreefloos lettertype. Het is met name geschikt voor koppen.
Prompt
schreefloos
Soorten: 18
Promt is een schreefloos lettertype van de Thaise ontwerper Cadson Demak.
Werk zonder
schreefloos
Soorten: 9
Work Sans is een schreefloos lettertype dat is geoptimaliseerd voor weergave op monitoren en voor gebruik op internet.
Hoe verschillende Google Fonts worden gecombineerd.
Dus je hebt nu het juiste Google Font gevonden? Dan feliciteren we je. Nu staat er weer een grote taak op je te wachten. Nu is het tijd om Google Font te combineren met andere lettertypen op uw website.
Terwijl je verder leest, leggen we uit welke opties je hebt om de beste combinatie van je lettertypen te vinden.
De website van Google Fonts stelt populaire combinaties voor. Dat heb je waarschijnlijk al gezien als je de bovenstaande links naar de afzonderlijke lettertypen op Google hebt opgeroepen.
https://joewp.com/wp-content/uploads/2019/12/google-font-kombinationen-1.jpg
Maar er zijn ook andere portalen waar u suggesties voor lettertypecombinaties kunt krijgen, bijvoorbeeld op de website van Font Pair.
Beste combinaties voor het gebruik van Google Fonts met WordPresss
Hier zijn enkele tips voor het gebruik van Google Fonts in WordPress.
Beperk het aantal lettergroottes
Een aantal van de hierboven genoemde lettertypen, zoals Montserrat of Raleway, zijn beschikbaar in 18 verschillende lettergroottes. Dit is perfect als u op zoek bent naar een brede selectie. Om ervoor te zorgen dat de laadtijd van de WordPress-website echter niet uit de hand loopt en de website te traag wordt, moet u zich beperken tot de absoluut noodzakelijke lettertypen en deze alleen gebruiken. Dit is een zeer belangrijk punt, zodat de prestaties van uw website niet verslechteren.
We raden aan om voor de meeste lettertypen niet meer dan maximaal twee formaten te gebruiken:
-Regelmatig
-Brutaal
U kunt dit zelf definiëren via het tabblad “Aanpassen” in Google Fonts als u uw eigen lettertypen wilt gebruiken en niet de lettertypen die vooraf zijn ingesteld in het betreffende WordPress-thema.
Als je een professioneel WordPress thema gebruikt (zoals: Avada of Divi), kun je instellen welke Google Fonts en welke formaten gebruikt moeten worden.
Een andere optie is om “variabele lettertypen” te gebruiken, die op dit moment erg populair zijn. Ze worden ondersteund door alle moderne browsers. Dit zijn lettertypen waarvoor alleen een lettertypebestand nodig is. Er is echter nog geen grote selectie van.
Google Fonts lokaal hosten op uw server
Als u Google Fonts niet vanaf de Google-server wilt laden, kunt u ze ook lokaal op uw server hosten. In de meeste gevallen zal dit ook leiden tot betere prestaties van uw website. Bovendien zijn de meeste Google Fonts al in de cache opgeslagen in de browsers van gebruikers.
Als je je eigen lettertypen hebt (geen Google Fonts), moet je zeker overwegen om deze lettertypen via je eigen CDN te laden.
Gebruik lettertypen die regelmatig worden bijgewerkt
Hetzelfde principe is van toepassing op lettertypen als op WordPress-plug-ins en -thema’s. Er worden voortdurend updates en verbeteringen uitgebracht door de ontwikkelaars. Dit is het geval met de meeste lettertypen die hier worden gepresenteerd.
Let op de leesbaarheid van de gebruikte lettertypen
Door deze richtlijnen te volgen, is uw inhoud toegankelijk voor mensen met een handicap, blindheid, slechtziendheid, doofheid, leerstoornissen, cognitieve stoornissen, beperkte mobiliteit, spraakstoornissen, gevoeligheid voor licht of een combinatie van het bovenstaande. Volgens de Wereldgezondheidsorganisatie zijn er ongeveer 260 miljoen mensen met een visuele beperking. 40 miljoen mensen zijn blind en 220 miljoen mensen hebben een matige tot zeer ernstige visuele beperking.
Een andere zeer belangrijke instelling is het kleurcontrast. De beste inhoud op uw website heeft geen zin als gebruikers op internet moeite hebben met het lezen ervan en het als een last ervaren. Ze zullen hierdoor je website verlaten en zeker niet meer terugkomen.
Overigens evalueert de zoekmachine Google de bovenstaande criteria als doorslaggevende rangschikkingsfactoren en is de eigen positie in de zoekresultaten daarom afhankelijk van de naleving van deze richtlijnen.
Er zijn verschillende manieren om uw website te testen op naleving van deze criteria. We testen de websites die we maken via de incognitomodus in de Chrome-browser met de tool “Lighthouse”. Hier moeten de resultaten onder de punten “Toegankelijkheid” en “Best Practices” worden aangehouden. Als er in de test optimalisaties worden voorgesteld, moeten deze op de website worden uitgevoerd. Daarna kun je er zeker van zijn dat Google de website positief zal beoordelen. Overigens bieden we deze optimalisaties ook aan met onze Performance Module voor websites die niet door ons zijn gemaakt.
