Webdesign

Webdesign - Font.

Welk lettertype kiest u voor uw webdesign

De keuze van een font

Net als met kleuren en vormen, is het maken van de keuze van het font waarin uw teksten op het scherm worden weergegeven, er een van smaak. En zoals u en ik weten, valt er over smaak niet te twisten.

Wel wil ik u graag wat overwegingen mee geven op basis waarvan u een keuze zou kunnen maken over het te gebruiken font voor uw website.

Het font bepaalt de leesbaarheid

Om uw zorgvuldig geschreven teksten duidelijk en ook stijlvol (passend bij het ontwerp) weer te geven, bestaat de mogelijkheid een keuze te maken uit een grote hoeveelheid aan lettertypen.

Naast dat het lettertype moet passen bij het design en het doel van uw website, is het belangrijkste bij het maken van uw keuze de leesbaarheid van de teksten. U dient daarbij rekening te houden dat het lezen van teksten op een beelscherm, stukken vermoeiender voor de ogen is dan bijvoorbeeld gedrukte tekst.

Ook hoeft het door u gekozen lettertype niet op het systeem van uw bezoeker aanwezig te zijn en kan een ander font in een andere grootte getoond worden dan u verwacht.

Voor een zakelijke site is het dus beter een goed leesbaar lettertype te kiezen ipv. een speels font als 'comic sans ms' dat beter bij een hobby-site past.

Bepalen van de fontgrootte

Naast de keuze voor het lettertype, bepaalt ook de grootte waarin u deze weergeeft, of uw teksten leesbaar zijn, danwel door de bezoeker makkelijk leesbaar gemaakt kunnen worden.

In webontwerp tips leest u meer over het bepalen / instellen van de fontgrootte.

Beschikbaarheid van het font

Belangrijk bij het kiezen van een font voor uw website, is de beschikbaarheid van de diverse fonts. Lang niet alle fonts zijn beschikbaar op alle systemen. Iedere browser heeft weer een aantal specifieke fonts beschikbaar die een andere browser op een ander systeem misschien niet heeft.

Veilige lijst voor uw font keuze

De in onderstaande lijst opgenomen fonts zijn een 'veilige' keus voor het bepalen van het te gebruiken font voor uw website. De genoemde fonts zijn op 'vrijwel' alle systemen aanwezig.

  • Arial
  • Arial Black
  • Comic sans MS
  • Courier New
  • Georgia
  • Impact
  • Times New Roman
  • Trebuchet MS
  • Verdana

Voorbeelden van teksten in een aantal fonts

Om u een indruk te geven van de invloed die de keuze van het font op de leesbaarheid van een tekst heeft geven we hierbij een tweetal voorbeelden van een stukje tekst in een aantal verschillende fonts.

De fontgrootte en de dikte zijn hetzelfde als die wij gebruiken voor alle andere tekst op deze pagina.

  • Tekst in Verdana

    Een font een font, klein, groot, hoekig of rond, recht of scheef, wordt gebruikt om te laten zien wat ik schreef.

  • Tekst in Comic Sans MS

    Een font een font, klein, groot, hoekig of rond, recht of scheef, wordt gebruikt om te laten zien wat ik schreef.

  • Tekst in Times New Roman

    Een font een font, klein, groot, hoekig of rond, recht of scheef, wordt gebruikt om te laten zien wat ik schreef.

  • Tekst in Arial

    Een font een font, klein, groot, hoekig of rond, recht of scheef, wordt gebruikt om te laten zien wat ik schreef.

Zoals u ziet is er tussen de verschillende fonts een duidelijk verschil en leest de tekst in het ene prettiger dan in het andere.

Conclusie over fonts:

Er is al veel over geschreven en over gediscussieerd. Mijn mening is dat u beter een helder font gebruikt dat door de bezoeker goed te lezen is en hem niet belet of het hem moeilijk maakt om dit te wijzigen.

Bekijken en downloaden van diverse fonts

De website Neatfonts bevat een zeer groot aantal voorbeelden van fonts, inclusief de mogelijkheid deze te downloaden.


Goed webdesign begint bij:

  • Functioneel ontwerp
    Het functioneel ontwerp geeft inzicht in de structuur en opbouw van de te bouwen website. Het is een schematisch overzicht dat de antwoorden van de vragen; "Welke informatie moet erop komen? Welke informatie moet er niet op komen? Voor wie is de informatie bedoeld? Hoe wordt informatie ontsloten en beschikbaar gesteld? Welke techniek wordt gebruikt?" etc. bevat.
  • Webdesign tools
    Links naar handige programma's en tools voor het maken van een goed webontwerp.
  • Webontwerp - toegankelijk bouwen
    Toegankelijk bouwen, ook wel accessibility, wat is dat en waartoe dient het?
  • Webdesign - Inhoud
    Mensen zoeken naar informatie, uitleg over hoe bepaalde zaken werken, wat er gebeurde op een bepaalde datum of simpelweg vermaak in de vorm van verhalen en anekdotes. Als u daarbij in acht neemt dat we in een informatietijdperk leven, begrijpt u waarom inhoud het hart van uw webontwerp is!
  • Webdesign - Tips
    Hoe en waarmee maak je een goed webontwerp en waar moet je op letten bij het bouwen van je website?
  • Webdesign missers
    Miskleunen, missers en doodzonden in webontwerp.
  • Webdesign - Font kiezen
    Welk lettertype - font gebruikt u voor uw website en hoe wordt deze opgegeven.