Wat is typografie en wat kan ik hier mee als het aankomt op mijn website of applicatie? Typografie is de kunst van het vormgeven, zetten en drukken van tekst voor zowel functionele als esthetische doeleinden. Op het gebied van websites en applicaties denken we aan lettertypes die worden gebruikt.

Kies je eigen lettertype

In hoeverre denk jij aan het lettertype van een website? Gebruik je een standaard lettertype? Wellicht kan een ander soort lettertype mooier of gunstiger zijn voor jouw website of applicatie.

Het lettertype dat wordt gebruikt, moet allereerst goed leesbaar zijn voor de gebruiker. Daarnaast moet het passen bij de stijl van de bestaande website en/of applicatie. Ten slotte is het van belang dat het past bij de uitstraling van het bedrijf of merk in kwestie. Het moet dus zowel functioneel als esthetisch zijn.

Unieke stijl

Een speciaal (lees: niet standaard) lettertype is een goede manier om een unieke stijl te creëren. Elk lettertype heeft een eigen karakter en brengt een eigen sfeer met zich mee. Unieke lettertypes of “fonts” kunnen online gedownload worden, dit kan gratis of tegen betaling. Een andere simpele manier is om gebruik te maken van Google Fonts.

Ben jij een beginnend web developer en wil je op een simpele manier een ander lettertype gebruiken? Probeer Google Fonts!

Plaats de volgende code in de head van jouw website om een variant van het “Open Sans” lettertype op de website te kunnen gebruiken:

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

En gebruik de volgende CSS (Cascading Style Sheets) opmaak om gebruik te maken van het lettertype:

font-family: 'Open Sans', sans-serif;

Er zijn nog veel meer Google Fonts. Op deze website is het mogelijk om te zoeken naar andere fonts. Bij een font zie je rechts bovenin een rode knop met een “+”-teken erin. Als je op de knop klikt, plaats je het lettertype in de “Selected Families”. Dan verschijnt er onderaan het scherm een tab. Klik op de tab en selecteer de “Embed” tab. Hier vind je de codes die nodig zijn om op jouw website in CSS-opmaak te plaatsen.