25 Prachtige webveilige lettertypen voor uw website

Artikel geschreven door: Azreen Azmi
  • Online Business
  • Bijgewerkt: okt 05, 2020

Lettertypen. We zien ze elke dag. Van gedrukte advertenties tot tijdschriften, er zijn allerlei lettertypen in de wereld.

Of je nu een eigenaar van een e-commerce-winkel bent of een beginnende blogger, het enige dat alle websites gemeen hebben, is het gebruik van tekst voor inhoud.

Nadenken over uw weergegeven tekst (of typografisch ontwerp) is niet verrassend belangrijk bij het creëren van de algehele esthetiek van uw site en om het succes ervan te garanderen.

Maar wat belangrijker is, is dat het webveilige lettertypen zijn.

Wat zijn webveilige lettertypen?

Webveilige lettertypen zijn lettertypestijlen die meestal vooraf zijn geïnstalleerd en op de meeste apparaten zichtbaar zijn: computers, mobiele telefoons, smart-tv's en tablets.

Waarom zijn webveilige lettertypen van belang?

In een ideale wereld zou je de mogelijkheid moeten hebben om elk lettertype te kiezen dat je voor je website wilt. In werkelijkheid zijn er beperkingen aan het type lettertypen dat u kunt gebruiken.

De meeste computers en webbrowsers worden geleverd met een set lettertypen die vooraf zijn geïnstalleerd door de fabrikanten, maar hun ontwerpen kunnen (en meestal) verschillen. Er was geen standaard lettertypeset die door alle verschillende fabrikanten werd gedeeld.

Als het lettertype dat u gebruikte niet op de computer van een gebruiker was geïnstalleerd, zal uw website terugkeren naar een algemeen lettertype, wat soms als onleesbaar kan eindigen.

In andere om dit te voorkomen, hebben webontwerpers de Kernlettertypen voor het web dat Microsoft in 1996 heeft uitgebracht als de standaard voor de meeste websitedypen. Deze reeks lettertypen is uiteindelijk 'webveilige lettertypen' geworden, omdat de lettertypen ongeacht de computer veilig op uw website worden weergegeven.

Moet ik veilige weblettertypen gebruiken voor mijn website?

Kort antwoord: Absoluut.

Als u het ontwerp en het visuele merk van uw website consistent wilt houden, zorgt het gebruik van een veilig weblettertype ervoor dat uw website precies zo verschijnt als u had bedoeld.

In feite gebruiken bijna alle websites tegenwoordig een of andere vorm van een veilig weblettertype. Webontwerpers raden altijd aan een veilig weblettertype te kiezen om te voorkomen dat generieke lettertypen, zoals Times New Roman, worden weergegeven wanneer gebruikers uw website bezoeken als ze niet dat specifieke of aangepaste lettertype hebben.

Hoe voeg ik deze veilige weblettertypen toe?

Er zijn een aantal manieren om deze lettertypen aan uw webpagina toe te voegen, maar als u niet van programmeren houdt of weinig tot geen technische ervaring hebt, kunt u eenvoudig de onbewerkte CSS-code kopiëren en deze rechtstreeks plakken in je eigen stylesheet om de fonts te gebruiken.

Als u nog steeds niet zeker bent, volg dan deze paar eenvoudige stappen:

  1. Laad je header.php bestand
  2. Kopieer de lettertypebron / standaardcode (zie referentie 1)
  3. Plak de code bovenaan het header-bestand.
  4. Laad uw style.css, plaats de lettertypecode om de lettertypetekst van uw keuze te wijzigen. (zie referentie 2)

Referentie 1

Referentie 2

body {font-family: 'Abel'; font-size: 22px;}

De 25 schitterende webveilige lettertypen voor uw website

1. Arial

Webveilige lettertypen - Arial

Links / Bron: Fonts.com / CSS Font Stack

2. Calibri

Webveilige lettertypen - Calibri

Links / Bron: Fonts.com / CSS Font Stack 

3. Helvetica

Webveilige lettertypen - Helvetica

Links / Bron: Fonts.com / CSS Font Stack

4. Segoe UI

Webveilige lettertypen - Segoe UI

Links / Bron: Fonts.com / CSS Font Stack

5. Trebuchet MS

Webveilige lettertypen - Trebuchet

Links / Bron: Fonts.com / CSS Font Stack 

6. Cambria

Webveilige lettertypen - Cambria

Links / Bron: Fonts.com / CSS Font Stack 

7. Palatino

Webveilige lettertypen - Palatino

Links / Bron: Fonts.com / CSS Font Stack

8. Perpetua

Webveilige lettertypen - Perpetua

Links / Bron: Fonts.com / CSS Font Stack

9. Georgië

Webveilige lettertypen - Georgië

Links / Bron: Fonts.com / CSS Font Stack 

10. Consolas

Webveilige lettertypen - Consolas

Links / Bron: Fonts.com / CSS Font Stack

11. Koerier Nieuw

Webveilige lettertypen - Courier New

Links / Bron: Fonts.com / CSS Font Stack 

12. Tahoma

Webveilige lettertypen - Tahoma

Links / Bron: Fonts.com / CSS Font Stack

13. Verdana

Webveilige lettertypen - Verdana

Links / Bron: Fonts.com / CSS Font Stack

14. Optima

Webveilige lettertypen - Optima

Links / Bron: Fonts.com / CSS Font Stack

15. Gill Sans

Webveilige lettertypen - Gill Sans

Links / Bron: Fonts.com / CSS Font Stack

16. Century Gothic

Webveilige lettertypen - Century Gothic

Links / Bron: Fonts.com / CSS Font Stack 

17. Candara

Webveilige lettertypen - Candara

Links / Bron: Fonts.com / CSS Font Stack

18. Andale Mono

Webveilige lettertypen - Andale Mono

Links / Bron: Fonts.com / CSS Font Stack 

19. Didot

Webveilige lettertypen - Didot

Links / Bron: Fonts.com / CSS Font Stack

20. Koperplaat gotisch

Webveilige lettertypen - Copperplate

Links / Bron: Fonts.com / CSS Font Stack 

21. Rockwell

Webveilige lettertypen - Rockwell

Links / Bron: Fonts.com / CSS Font Stack 

22. Bodoni

Webveilige lettertypen - Bodoni

Links / Bron: Fonts.com / CSS Font Stack

23. Franklin Gothic

Webveilige lettertypen - Franklin Gothic

Links / Bron: Fonts.com / CSS Font Stack 

24. botsing

Webveilige lettertypen - Impact

Links / Bron: Fonts.com / CSS Font Stack 

25. Calisto MT

Webveilige lettertypen - Calisto

Links / Bron: Fonts.com / CSS Font Stack

Font-hulpprogramma's om uit te checken

Er bestaan ​​online een aantal hulpmiddelen die u kunt gebruiken om verschillende lettertypen te controleren en uit te testen waar u voor kunt gebruiken jouw website. Als u problemen ondervindt bij het kiezen van een lettertype of gewoon wilt verkennen welke typen webveilige lettertypen beschikbaar zijn, zijn deze sites een geweldig hulpmiddel om te gebruiken.

Lettertype

Lettertype biedt een groot aantal bronnen, plug-ins, eBooks, gidsen, video's en zelfs inspiraties voor alles wat met typografie te maken heeft. Ze hebben zelfs een sectie met de meest populaire lettertypen die beschikbaar zijn op Google Lettertypen en welke lettertypen het beste met elkaar kunnen worden gecombineerd.

Wordmark.it

Als u snel een voorbeeld wilt van hoe uw tekst eruit zou zien met een bepaald lettertype, Wordmark.it geeft u direct een voorbeeld van hoe uw tekst in meerdere lettertypen tegelijkertijd zou verschijnen. Typ gewoon een woord of zin op hun voorpagina balk, druk op enter en het zal je tekst laten zien met verschillende lettertypen zoals Candara of Lucida Console.

Wat het lettertype

Wat het lettertype is een hulpmiddel dat u kunt gebruiken om een ​​lettertype te vinden en te identificeren dat u online hebt gezien. Het enige dat u hoeft te doen, is een afbeelding van het lettertype uploaden en WhatTheFont zal het in hun database doorzoeken om u de beste resultaten te geven. Als u nog steeds niet het exacte lettertype kunt vinden, kunt u zelfs naar hun adres gaan forum om hulp te vragen.

Het draait allemaal om het spelen van lettertypen

Als je op mij lijkt, is de kans groot dat je veel tijd op internet doorbrengt, tonnen websites leest en bezoekt. Daarom zult u het waarderen als een website goede typografie gebruikt om het visuele ontwerp van hun site aan te vullen.

Wanneer u webveilige lettertypen gebruikt die voor uw ogen aangenaam zijn, zullen uw gebruikers dankbaar zijn en meer bereid om terug te komen en meer van uw inhoud te consumeren. Dus waar wacht je op? Begin met het gebruik van deze lettertypen en maak een geweldige website voor uw bedrijf!

Over Azreen Azmi

Azreen Azmi is een schrijver met een voorliefde voor schrijven over contentmarketing en technologie. Van YouTube tot Twitch probeert hij contact te houden met de nieuwste contentcreatie en de beste manier te vinden om je merk op de markt te brengen.