In het pakket worden een standaard aantal veelgebruikte lettertypen meegeleverd. De lijst met lettertypen die beschikbaar zijn vind je hier. Staat jouw favoriete lettertype niet in de lijst van de standaard fonts, dan kun je ook gemakkelijk zelf een ander Google Font activeren of een eigen font uploaden voor het gebruik in je website. Op deze manier kun je je huisstijl volledig doorvoeren in je website.
Lettertype toevoegen via Google Fonts
Je kunt eenvoudig extra Google fonts installeren naast de lijst met actieve lettertypen. Hieronder leggen we uit hoe je dit kunt doen.
- Klik op een tekstvak in je website.
- Klik op het lettertype wat nu is ingesteld om de lijst met lettertypen te openen.
- Klik op add font om een nieuw lettertype toe te voegen.
- Er opent nu een scherm waarin je direct kunt zien welke Google Fonts er al actief zijn in je site onder added Google Fonts:
- Klik op het vak waarin staat Selecteer lettertype
- Er opent nu een lijst met alle Google lettertypes die beschikbaar zijn. Klik in deze lijst op het lettertype wat je wilt toevoegen. Het lettertype wordt direct geïnstalleerd.
- Klik onderaan op Klaar
Het Google Font is nu beschikbaar op alle plekken in de editor waar je met tekst kunt werken en een lettertype kunt instellen.
Tip: Om een beter zicht te krijgen van de beschikbare lettertypen van Google kun je het beste even kijken op Google Fonts hier vind je alle lettertypen terug. Onthoud de naam van het lettertype dat je wilt gebruiken en zoek deze op in de lijst om toe te kunnen voegen aan je website.
Eigen lettertype toevoegen
Naast de Google fonts die je kunt installeren is het ook mogelijk om je eigen lettertype toe te voegen. Dit is handige als je bijvoorbeeld een specifiek lettertype gebruikt voor jouw unieke huisstijl. Het enige wat je nodig hebt is het lettertype bestand. (Dit moet een TTF-, OTF-, EOT- of WOFF-bestand zijn)
- Klik op een tekstvak in je website.
- Klik op het lettertype wat nu is ingesteld om de lijst met lettertypen te openen.
- Klik op add font om een nieuw lettertype toe te voegen.
- Klik op het tabblad Aangepaste lettertypen en je krijgt dit scherm te zien:
- Klik op + Upload lettertypen waarna je het lettertype bestand op je computer kunt selecteren.
Klik op "open" om het bestand te uploaden. - Hierna zie je dat het font geupload is in het overzicht;
- Klik onderaan op Klaar
Het zelf geïnstalleerde lettertype is nu beschikbaar op alle plekken in de editor waar je met tekst kunt werken en een lettertype kunt instellen.
Opmerking: Voeg niet teveel lettertypen toe in de editor. Dit zal voor een vertraging zorgen in het laden van de editor. Het beste is het om alleen de lettertypen die je gebruikt in de editor actief te hebben.
Een paar typografische tips om te onthouden
Webtrends veranderen, net als de soorten en manieren waarop mensen lettertypen op hun sites gebruiken. Toch blijven sommige "best practices" hetzelfde. Zoals deze:
Gebruik twee (maximaal drie) lettertypen in één website. Te veel lettertypen kunnen afleidend en onaantrekkelijk zijn. Gebruik één lettertype voor alinea's en algemene teksten; gebruik niet meer dan twee lettertypen voor titels. We raden aan om ze toe te voegen aan het algemene ontwerp, zodat het consistent is op de hele site.
Welke lettertypen je ook kiest, zorg ervoor dat ze gemakkelijk te lezen zijn. Niets is zo frustrerend voor een sitebezoeker dan moeite te moeten doen om te lezen wat er op een site staat. Zorg er dus voor dat uw lettertypen groot genoeg en duidelijk genoeg zijn. En zorg ervoor dat het contrast tussen de achtergrond en de tekst duidelijk genoeg is, zodat het gemakkelijk te lezen is.
Serif-lettertypen zijn meestal serieuzer; Sans serif lettertypen hebben relaxtere uitstraling. Serif-lettertypen hebben kleine voetjes aan de uiteinden van de letters en hebben de neiging er formeler uit te zien. Sans serif-lettertypen hebben geen kleine voetjes aan de uiteinden van de letters en hebben de neiging er moderner en strakker uit te zien.