Gebruik schaduwen om tekst te benadrukken

See the Pen Close shade example by Tim Brown (@timbrown) on CodePen.

Het toepassen van tekstschaduw in de traditie van “sign painters“. Zie practice.typekit.com/lesson/using-shades/

En een gerelateerd filmpje: www.vormplatform.nl/SIGN-PAINTERS-TRAILER/

Letters

De keuze van een lettertype wordt gelukkig niet meer beperkt tot de ‘webveilige’ families. Typekit en in mindere mate de fontlibrary van Google bieden meer opties.

Voor een test met FF Meta Web Pro, Cantarell en daarnaast de oude vertrouwde schreef en schreefloze letter van je browser, bekijk letters.lucbrouns.nl.

Beperkingen tot nu toe

Verfijnde typografie is altijd het struikelblok voor web design geweest. Tot voor kort waren web designers beperkt tot het gebruik van een handvol standaard systeemfonts, de zogenaamde web-safe fonts. Als je meer details of creativiteit in je typografie wilde brengen, moest je je in de technische uithoeken van het internet begeven. Daar bevinden zich technologieën als sIFR en Cufón, die Flash en Javascript gebruiken om gevarieerde typografie te realiseren. Helaas gaat dit vaak gepaard met een slordige technische implementatie waardoor het online klungelig werkt.

http://www.stoerebinken.net/kennisbank/internet/font-face

Welke browsers zijn geschikt voor het gebruik van de @font-face code?

Browser Sinds versie Font formaten
Safari (WebKit) 3.4 OpenType PS (.otf)
TrueType/OpenType TT(.ttf)
Opera 10 OpenType PS (.otf)
TrueType/OpenType TT(.ttf)
Internet Explorer 5.0 Embedded OpenType (EOT)
Firefox 3.5 OpenType PS (.otf)
TrueType/OpenType TT(.ttf)
Web Open Font Format (woff)
Google Chrome 3.0 Beta OpenType PS (.otf)
TrueType/OpenType TT(.ttf)
Netscape 4.0 Portable Font Resource (.pfr)

[web] 2e jaar – periode 1

Redesign van een bestaande website

Structuur aanbrengen in je ontwerpproces
Het ontwerpproces vormt het hoofdbestanddeel van deze opdracht. Werk de onderstaande onderdelen uit en maak hiervan een verslag. Hierin verwerk je ook je schetsen en alle andere niet-tekstuele onderdelen. Dit verslag en je site lever je in. Je kiest zelf welke technieken je gebruikt. “[web] 2e jaar – periode 1” verder lezen

Webtypografie


Aanvulling op het vorige artikel over typografie. Over de basisprincipes, verticaal en horizontaal ritme, verschillen tussen browsers, image replacement en font embedding.

http://net.tutsplus.com/tutorials/html-css-techniques/six-ways-to-improve-your-web-typography/

Webtypografie

helvetica aap

Dit artikel is een verkorte versie en vertaling van
http://ilovetypography.com/2008/02/28/a-guide-to-web-typography/

Typografie gaat niet alleen over het kiezen van een font, of over het onderscheiden van het ene lettertype van het andere. In recente experimenten bleken getrainde apen 9 van de 10 keer in staat om Helvetica te herkennen.

“Webtypografie” verder lezen