Google Fonts is sinds de ontwikkeling in 2010 de go-to-resource geworden voor aangepaste webtypografie. Er zijn drie belangrijke redenen waarom Google hier de koploper werd. Ten eerste waren er geen lettertypeservices die goed genoeg waren, dus Google vulde de leegte. Ten tweede, zelfs in het begin was de variëteit die ze aanboden relatief groot. Momenteel zijn er meer dan 800 lettertypen beschikbaar in tal van stijlen. Ten derde zijn deze lettertypen gratis beschikbaar, wat ze bijzonder aantrekkelijk maakt.
Bovendien zijn ze verrassend eenvoudig te integreren in uw ontwerpprojecten. We laten u zien hoe u deze Google-lettertypen kunt opnemen in uw WordPress-site.
Google-lettertypen
Om te beginnen moet je het lettertype selecteren waarmee je wilt werken. Er zijn verschillende opties, dus je hebt een vrij groot menu om uit te kiezen. Je kunt ze vinden door naar de lettertypepagina van Google te gaan . Als u op zoek bent naar een specifiek lettertype, typt u gewoon de naam van het lettertype in het vak Zoeken en er zou een voorbeeld moeten verschijnen.
Er zijn ook andere zoekparameters die u kunt gebruiken. Rechts onder het zoekvak bevindt zich een knop met de naam Categorieën. Als u hierop klikt, verschijnt er een vervolgkeuzemenu met vijf opties. Deze zijn als volgt:
- Serif - Dit zijn lettertypen met korte lijnen die voortkomen uit de bovenste en onderste streken van een letter. Times New Roman en Sylfaen zijn goede voorbeelden.
- Sans Serif – Zoals de naam al doet vermoeden, zijn dit lettertypen zonder die kleine lijntjes. Ze hebben de neiging om een eenvoudige en schone esthetiek te hebben.
- Display - Dit zijn wat opvallende lettertypen kan worden genoemd. Ze zijn het beste voor koppen in plaats van lange tekst.
- Handschrift - Door deze lettertypen lijkt het alsof iemand ze met de hand heeft geschreven. U zult merken dat veel cursief zijn of minder consistente spatiëring hebben.
- Monospace - Net als een typemachine nemen hun letters dezelfde horizontale breedte in beslag. Ze zijn zeer consequent gespreid.
Daarnaast heb je ook andere opties om uit te kiezen, zoals het selecteren van de taal- en lettertype-eigenschappen. Dit laatste omvat het aantal stijlen, dikte, helling en breedte.
Lettertypen insluiten in WordPress
Als u deze unieke lettertypen in uw WordPress-site wilt opnemen, zijn er verschillende methoden die u kunt proberen.
CSS gebruiken
Klik op het lettertype uit de selectie van Google en u gaat naar de gedetailleerde lettertypepagina. In de rechterbovenhoek staat een "+" teken. Klik daarop en er wordt een zijvenster geopend. Klik op 'Insluiten'.
Nu kunt u op @import klikken. Dit opent de CSS-code die u moet kopiëren. Ga naar de stylesheet van je WordPress-thema en plak deze aan het begin. Zorg ervoor dat u de importlink hebt gekopieerd zonder de