Hoe kies je de beste lettertypes voor je website
Bij het maken van een website moet er veel in gedachten worden gehouden. Tussen het schrijven van je content en het kiezen van de perfecte visuals, kunnen enkele fundamentele elementen wegvallen. En als er iets is dat je niet over het hoofd wilt zien, is het het kiezen van het juiste lettertype.
Typografie, of de visuele representatie van type, kan meer over je merk communiceren dan alleen woorden. Het lettertype van je website moet de stem van je merk versterken en er tegelijkertijd scherp uitzien op het scherm.
In deze handleiding bespreken we tien van de beste Google lettertypes, evenals tips voor het kiezen van de beste lettertypes voor je website:
10 Google lettertypes die het beste zijn voor websites
Google Fonts is een bron van gratis gelicentieerde lettertypen die door Google worden geleverd. De volgende tien lettertypen, allemaal beschikbaar voor op Google Fonts, zorgen ervoor dat je website er professioneel uitziet op elk apparaat:
Ontworpen door: Łukasz Dziedzic
Een schreefloos lettertype dat even geschikt is voor zowel titels als hoofdtekst. De ronde, klassieke verhoudingen creëren een gevoel van harmonie en warmte.
Ontworpen door: Denis Masharov
Dit serif lettertype werkt vooral goed voor titels en koppen, waardoor het een goede keuze is voor het primaire lettertype van je website. De Romeinse verhoudingen geven het een vintage gevoel.
Ontworpen door: Jeremy Tribby
Het Barlow sans serif lettertype is schoon en heeft een laag contrast, waardoor het moeiteloos leesbaar is. Het lettertypeontwerp keek voor inspiratie naar Californische nummerplaten en snelwegborden.
Ontworpen door: Nidud
Caudex was oorspronkelijk ontworpen voor print eind jaren 90, maar is sindsdien aangepast voor het web. Het geeft een trendy en eigentijdse draai aan lettervormen uit middeleeuwse manuscripten.
Ontworpen door: the Indian Type Foundry
Een van de beste gratis lettertypen, Poppins is een schreefloze familie waarvan de schone, minimalistische esthetiek is gebaseerd op geometrische vormen en perfecte cirkels.
Ontworpen door: Joe Prince
Dit lettertype is gemaakt met het oog op webdesign, met behoud van een hoge leesbaarheid in elke context. Beïnvloed door modern Zwitsers design, is Questrial's look gebaseerd op volledige cirkels.
Ontworpen door: The Indian Type Foundry
Het hoge contrast van dit schermlettertype past uitstekend bij de titels en kopteksten van je site, waardoor het een van de beste lettertypen voor websites is.
Ontworpen door: Pablo Impallari en Rodrigo Fuenzalida
Dit klassieke serif lettertype is een voor het web geoptimaliseerde versie van zijn 18e-eeuwse voorganger. Het is perfect voor de hoofdtekst op het scherm.
Ontworpen door: Julieta Ulanovsky
Een geometrische schreefloze letterype. Montserrat voelt modern en schoon aan en heeft een duidelijk herkenbare uitstraling.
Ontworpen door: Christian Thalmann
Dit serif lettertype is gebaseerd op 16e-eeuwse lettertypen en geeft een elegante, traditionele uitstraling aan webdesign.
In het geval dat je een website op Wix maakt, zijn deze prachtige lettertypen allemaal beschikbaar voor gebruik in de Editor - naast honderden andere lettertypen. Als je een ander lettertype in gedachten hebt, kun je met slechts een paar klikken je eigen lettertype uploaden naar de Editor.
Hoe kies je het beste letterype voor je website
Nu je bekend bent met enkele van de beste lettertypes voor je website, volgt hier een handleiding voor het kiezen van de juiste lettertypes:
01. Zorg ervoor dat de lettertypes overeenkomen met de toon van je merk
Lettertypes zijn een onmisbaar onderdeel van het opbouwen van een merk. Zorg ervoor dat het lettertype schema samenhangt met de rest van je visuele branding en huisstijl.
Of het nu verfijnd en trendy of ruig en avontuurlijk is, het gebruik van typografie moet bijdragen aan het verhaal dat je wilt vertellen met je website.
02. Sorteer de lettertypes op hoe belangrijk ze zijn
Gebruik als vuistregel nooit meer dan drie lettertypen op je website. Bovendien moet elk van deze lettertypen verschillende niveaus van belang hebben.
Kies een primair lettertype, een secundair lettertype en een optioneel accentlettertype om een duidelijk hiërarchisch gevoel te behouden:
Je primaire lettertype is het meest zichtbare lettertype en moet worden gebruikt in de kopteksten van je website. Dit is het lettertype dat het meest wordt geassocieerd met je merk, ook al is dit niet het meest gebruikte lettertype op de hele site. Als gevolg hiervan kan het primaire lettertype dominanter en onderscheidend zijn dan de rest van de lettertypen op je website.
Je secundaire lettertype wordt gebruikt in het grootste deel van de geschreven website content. Dit omvat paragrafen, beschrijvingen, blogartikelen en meer. Hoewel je primaire lettertype opvallend en uniek kan zijn, moet je secundaire lettertype in de eerste plaats goed leesbaar zijn. Lettertypen die te sierlijk zijn, zijn moeilijker te lezen als ze over lange stukken tekst worden aangebracht.
Ten slotte gebruik je het accentlettertype alleen voor een heel specifiek doel. Als het op websites aankomt, is het accentlettertype meestal gereserveerd voor een call-to-action, wat de aandacht vestigt op de belangrijkste knop op de pagina. Het lettertype van je logo is een andere optie die kan worden gebruikt als accentlettertype.
Om je te helpen bij het mixen en matchen van lettertypen voor je website, volgen hier de favoriete lettertype combinaties van onze ontwerpers:
03. Leer de basis van lettertypeclassificatie
De kunst van typografie is rijk en complex, variërend van leesbaarheid tot tekstuitlijning en spatiëring. Richt je om te beginnen eerst op de belangrijkste classificatie: de serif-, sans serif- en scriptlettertypen. Hier volgt een korte samenvatting van elk, met uitleg over wanneer je ze moet gebruiken:
Serif lettertypen: een serif is een kleine lijn aan het einde van een streek in een letter of symbool. Serif lettertypen worden als klassiek en elegant beschouwd en worden meestal geassocieerd met afdrukken. Voorbeelden zijn Times New Roman, Georgia en Bodoni.
Sans serif lettertypen: dit zijn lettertypen zonder serif regels aan het einde van hun letters. Sans serifs zijn schoon, modern en vaak neutraal ogend, waardoor ze uitstekend passen bij webdesign. Voorbeelden zijn Helvetica, Arial en de beruchte Comic Sans.
Scriptlettertypen: Scripts, inclusief cursieve lettertypen, zijn gemodelleerd naar handschriftstijlen. Je kunt deze stijl het beste beperken tot alleen titels, omdat het schrijven van je hoofdtekst in een script waarschijnlijk een uitdaging voor je publiek zou vormen. Voorbeelden zijn Lobster en Lucida Handwriting.
04. Pas tekstthema's toe
Nadat je je typeschema hebt gekozen, moet je verschillende lettergroottes kiezen voor grote titels, ondertitels en alineatekst. Om je op weg te helpen, hebben we algemene richtlijnen opgesteld die gelden voor de meeste websites:
Titels: 30-70px
Ondertitels: 22-30px
Paragraaf: 16-20px
Als je een website op Wix maakt, kun je tekstthema's aanpassen en opslaan, zodat je titels, ondertitels, alineatekst en meer altijd consistent zijn wat betreft lettertype, grootte en dikte.
Deze praktijk maakt niet alleen het ontwerpproces soepeler, maar verbetert ook de toegankelijkheid van je website en geeft je SEO een boost.
Afgezien van de grootte omvatten aanvullende factoren die van invloed zijn op de visuele dikte van een lettertype stilistische wijzigingen zoals vet, cursief of onderstrepen. Overmatig gebruik van deze stijlen kan echter leiden tot een overweldigend effect en kan uiteindelijk afbreuk doen aan je boodschap, dus gebruik ze met mate.
Door Team Wix
