Lettertypes en fonts toevoegen aan WordPress

Typografie en lettertypes zijn uiteraard heel belangrijk voor de vormgeving en ‘look en feel’ van je website. Hieronder een overzicht van de opties om lettertypes op je WordPress website te implementeren.

Google web fonts: gratis en werkt altijd

Google Web Fonts heeft een bijzonder enorme groei gemaakt. Dat het gebruik van Google Web Fonts gratis is en overal op elk platform, desktop, tablet, smartphone, etc, heeft daarbij zeker een belangrijke rol gespeeld. Maar daarnaast biedt Google ook een aanzienlijke collectie. Rond de 1000 font-families. Op Google Fonts zie je alle fonts, gesorteerd op populariteit. Behalve de sortering, kun je met behulp van de filters in de zijbalk ook de selectie aanpassen. Beginners voor WordPress raad ik dit altijd aan. Ik heb ook een mooi overzicht gemaakt van de beste Google web fonts zodat je niet eindeloos hoeft te zoeken.
Beste 50 Google web fonts volgens Arthur


Voorbeelden Google web fonts



Typografie, lettertypes en fonts voor WordPress voor gevorderden

Google Web Fonts is het makkelijkst. Voor gevorderden zijn er deze opties zodat je vrijwel elk kwalitatief goed font op je site kunt gebruiken.

Typekit Fonts

Hele mooie font collectie van Adobe. Betaald, rond de 50 euro per jaar. Ook voor de gevorderde WordPresser. Je moet een account hebben bij Typekit en dan per website een zogenaamde Kit aanmaken met hierin de fonts. Het is handig om deze plugin te gebruiken om de fonts op je site zichtbaar te krijgen:
Typekit Fonts for WordPress van OM4

Google WordPress plugin: Use Any Font

Voor gevorderden: met de plugin “Use Any Font” kun je vrijwel alle fonts op eenvoudige wijze gebruiken in WordPress. De plugin zorgt ervoor dat jouw toegevoegde lettertype voor elke browser zichtbaar is. Met de “Assign Font” functie kun jouw geuploade lettertype(s) toekennen aan CSS of HTML elementen. Dit is handig voor gevorderde WordPress gebruikers die kennis hebben van CSS en/of HTML. Ervaring is dus belangrijk.
Een lettertype toevoegen is gratis maar als je onbeperkt lettertypes wilt kunnen toevoegen, vragen de makers van de plugin om een gift te doen. Het minimale bedrag is 10 dollar.
Bekijk Use Any Font Plugin

Fonts zelf op je server zetten

Ook voor gevorderden. Het vergt even werk en je moet goed voor gaan zitten, maar het werkt heel mooi. Je kan zelf fonts uploaden en. Je moet ook het zogenaamde CSS file aanpassen. Tijdens een gevorderden cursus of de design cursus leg ik uit hoe dit werkt. Een goede up to date handleiding vind je hieronder
Bekijk handleiding op wpmudev.org


Ook interessant