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:

Lato

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.

Forum

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.

Barlow

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.

Caudex

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.

Poppins

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.

Questrial

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.

Rozha One

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.

Libre Baskerville

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.

Montserrat

Ontworpen door: Julieta Ulanovsky

Een geometrische schreefloze letterype. Montserrat voelt modern en schoon aan en heeft een duidelijk herkenbare uitstraling.

Cormorant Garamond

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