Eén van mijn grote frustraties behelst de slechte typografische mogelijkheden voor websites. Informatie die slecht leesbaar is of weinig eigen karakter heeft doordat de vorm beperkt wordt door de techniek zijn een doodzonde. Toch zal steeds meer informatie via mobiele applicaties, websites of andere schermen aangeboden worden. Het grote voordeel hiervan is dat tekst, beeld en gerelateerde informatie via deze kanalen beter gevisualiseerd en gekoppeld kunnen worden.
Dankzij CSS3 kun je nu door een @font-face regel te gebruiken lettertype koppelen aan getoonde informatie. Dat is alweer een stap in de goede richting. Het geschikt koppelen voor alle browsers en daarbij rekening houden met de rechten van de letterontwerper is echter een vak apart.
John Gaffney en Matthew Smith hebben een prachtig overzicht gemaakt van de @font-face randvoorwaarden om deze cross-browser te kunnen implementeren. Daarnaast gaan ze ook in op de CSS3 mogelijkheden van text-shadow en multi-column.
.
Paul Irish, Jonathan Neal en Boaz Sender hebben een ‘Cross-Browser CSS3 Rule Generator‘ gemaakt waar de cross-browser code kunt modificeren, kopiëren en plakken in je eigen stylesheet.
Het goed kunnen toepassen van de @font-face is niet voldoende. Kennis hebben van webtypografie is een andere voorwaarde. Richard Rutter verteld hierover op The Elements of Typographic Style Applied to the Web. A practical guide to webtypography.
