Gratis adviesgesprek
Voorkom fouten in je nieuwe website en ontdek welke omzet je nu laat liggen.

Reactie binnen 1 werkdag
Analyse van jouw huidige website
Gratis advies van een echte specialist

Wat is een web font?

Een web font is een lettertype dat specifiek ontworpen en geoptimaliseerd is voor gebruik in browsers. Er zijn geen OpenType opties aanwezig die op lettertypes binnen software pakketten wel mogelijk zijn. Er zijn meerdere soorten webfonts die zich richten op andere browsers. Wat is een web font en hoe worden teksten weergegeven op verschillende systemen?

Definitie web font

Het komt regelmatig voor dat iemand een prachtig document ontwerpt in Microsoft Word, deze doc naar een printbedrijf stuurt en vervolgens een document krijgt met verkeerde lettertypes. Verschillende computersystemen kunnen gebruik maken van afwijkende lettertypes, als een font ontbreekt op een andere computer dan klopt de weergave niet meer. Bij browsers kun je ook niet zomaar ieder lettertype gebruiken, door een web font te kiezen weet je zeker dat de weergave op ieder systeem juist is. Er zijn vier soorten web fonts:

  1. TrueType
  2. WOFF
  3. EOT
  4. SVG

Ieder type is ontwikkeld voor specifieke browsers. Alle variaties zijn nodig om een website te bouwen.

Welk font gebruiken op een website?

Bij het ontwerpen van websites kan het lastig zijn om exact te bepalen hoe een pagina elders wordt weergegeven. Denk aan de verschillende beeldscherm verhoudingen waardoor de indeling verandert. Er zijn ‘web safe’ lettertypes die overal op ongeveer dezelfde wijze worden weergeven. Het sleutelwoord hierbij is ‘ongeveer’ want de Safari browser op een iPhone kan een ander standaard web font gebruiken dan de Chrome browser op een Windows systeem. Zo kan een webpagina in Helvetica zijn ontworpen terwijl een browser kiest voor Univers of Acumin. Deze fonts behoren tot dezelfde Sans Serif font familie waardoor de weergave in principe overeenkomstig zou moeten zijn.

Voorbeelden van web safe fonts zijn:

  • Arial
  • Times New Roman
  • Helvetica
  • Times
  • Courier New
  • Verdana
  • Calibri
  • Optima

Bij elementen op een webpagina die in een specifiek lettertype moeten worden weergegeven kan hier het beste een raster afbeelding van worden gemaakt zoals een JPG of PNG bestand. Denk bijvoorbeeld aan een bedrijfslogo met tekst.

Enkele van onze klanten

Al onze begrippen

a b c d e f g h i j k l m n o p q r s t u v w x y z

x