Het mobiele web: responsive en mobiele websites voor tablets en smartphones

Meer en meer mensen maken gebruik van het wereldwijde web op een smartphone of tablet. Zodoende groeit het aantal mobiele websites flink. Logisch, want bezoekers willen een website, ook op hun mobiele apparaat, graag prettig ervaren. Echter, zijn het niet alleen bezoekers die eisen stellen, ook partijen als Google hechten steeds meer waarde aan een mobiel of responsive design.

Mobiele website: ontwerp voor smartphone en tablet

Verder lezen

Web fonts, voorbij Verdana: Twee decennia lettertypes op het web

Hoeveel tekst staat er op jouw website? Best veel, waarschijnlijk. Als je een blog of een informatieve site hebt, is de tekst van je site waarschijnlijk het belangrijkste onderdeel. Als je kijkt naar wat voor een centrale rol tekst heeft op de meeste websites, wordt er relatief weinig aandacht besteed aan de opmaak ervan. Heel veel sites kiezen een standaardlettertype (Trebuchet, 16px, bijvoorbeeld) en houden het daarbij.

Web fonts: Houten drukletters

Maar wat als je méér wilt? Heel lang was er sprake van technische beperkingen: tekst wás op het web nou eenmaal niet erg aantrekkelijk. Voor de nobele kunst van de typografie moest je ergens anders zijn. Tegenwoordig is dat niet meer zo. In dit artikel kun je lezen hoe je web fonts kunt gebruiken om meer controle te krijgen over de lettertypes die op je site gebruikt worden. Maar eerst: een stukje geschiedenis.

Een stukje geschiedenis

De mogelijkheid om een lettertype te kiezen voor een deel van een webpagina werd geïntroduceerd in 1995, toen Netscape Navigator de <font>-tag introduceerde. Met een font-tag kon een lettertype gekozen worden, maar alleen als dat lettertype al op de computer van de bezoeker geïnstalleerd was. Omdat je nooit zeker wist of een bezoeker een bepaald lettertype had, beperkten veel webbouwers zich tot een algemene categorie in plaats van een specifiek lettertype (sans-serif of serif, bijvoorbeeld).

Om de onzekerheid wat weg te nemen begon Microsoft in 1996 met het “Core fonts for the Web”-project. Een set lettertypes die eerder alleen bij Windows werden geleverd werd gratis en voor niets weggegeven. Het idee achter het project was dat softwaremakers, dus leveranciers van browsers en besturingssystemen, de lettertypes ook zouden gaan meeleveren, zodat ze op elke computer beschikbaar waren. Dat zou webbouwers dan weer in staat stellen om ervoor te zorgen dat hun webpagina er op, zeg, een Macintosh ongeveer hetzelfde uit zou zien als op een Windows-machine.

Dat laatste bleek lastiger dan gedacht, maar het eerste is zonder meer gelukt. De “Core fonts for the Web” werden inderdaad precies dat: lettertypes die iedereen kent en iedereen gebruikt. De meeste namen uit de collectie zullen ook niet-webbouwers bekend in de oren klinken: Arial, Courier New en Times New Roman, maar bijvoorbeeld ook Webdings. Dit blogartikel gebruikt Trebuchet MS, uit dezelfde collectie.

Web fonts: Lettertypes

Verder lezen