Dag sifr, dag cufon, hallo @font-face!
Sifr en Cufon zijn truuks om custom fonts in je site te kunnen gebruiken, maar nu kan dat eindelijk zonder hacks; namelijk met CSS zelf, en nota bene niet alleen voor titels!Afgelopen week gaf Jonathan Snook (http://snook.ca) op Fronteers een presentatie over @font-face, een CSS feature waarmee je je custom fonts gewoon direct in je site kan embedden. De voordelen:
- custom fonts voor titels en body tekst
- selecteerbaar, dus copypasteable etc, het blijft gewoon tekst
- geen javascript of flash meer nodig
Is dit zo ontzettend nieuw dan?
Nee, Internet Explorer 4 kon dit al met naar "eot" geconverteerde fonts, maar naast IE is de rest van de browsers nu eindelijk ook zover - zei het met verschillende formaten - dat font embedding goed ondersteund wordt. Firefox, Opera, Safari en zelfs je Iphone doen het al, dus wordt het eigenlijk hoog tijd het te gebruiken!
Er is 1 catch; de type die je gebruiken wil moet dit gebruik wel toestaan - bv via een license.
Font Squirrel!
Gelukkig is er sinds kort Font Squirrel, http://www.fontsquirrel.com. Een site met een enorme lijst types die gratis commercieel in te zetten zijn, inc een @font-face generator om meteen ook een kit met alle nodige formaten van je gelicencede types te maken.
hoe vet is dat!
4 reacties
Relevant-ish
Snelle Websites met Jammit
In navolging op mijn “Snelle Websites” artikel nu een paar concrete tips.
Snelle Websites
Snelle websites zijn belangrijk. Lees verder als je wilt weten waarom en hoe je het voor elkaar kunt krijgen.
Canvas in full 3D
Normally you’d use canvas for 2D graphics only, but with the recent releases of next-gen javascript engines (Tracemonkey, V8 and Squirrelfish) overall speed got an immense boost, so we’ve been putting some more effort in a canvas based 3D engine.
Friet (of parfum) for president!
Het begon toen ik me afvroeg of John McCain verwant was aan de gelijknamige frietgigant, het eindigde met waanzinnige discussies over fontkeuze in de presidentiële verkiezingscampagne. En ik vond het nog interessant ook.
Lost Boys ontwikkelt vernieuwde website en reisplanner NS
Resultaten van een gebruikersonderzoek waren voor Nederlandse Spoorwegen de aanleiding om haar website
grondig te veranderen. Met gebruiksgemak als uitgangspunt heeft NS samen met Lost Boys haar strategie voor het online kanaal bepaald en het redesign gerealiseerd. Het resultaat: een website waar de geboden informatie relevant is voor de eindgebruiker en op een echt toegankelijke manier wordt aangeboden.
Lost Boys + FITC + Adobe = Feest!
We waren erbij, op Flash in the Can, en deden mee, ook dankzij Adobe. En het was leuk!
Axure Workshop succes
Donderdagavond 7 februari gaf Casper Honijk, Lead Analyst en Interaction Designer bij Macaw, een inspirerende sessie over prototyping. Een leuke sessie waarmee we, voor zover ik weet, de net verbouwde 10e etage en citroentjes frisse beamer voor het eerst voor een workshop hebben gebruikt.
Adobe op bezoek
Lost Boys en Adobe werken al geruime tijd samen en af en toe komen we bijeen om kennis uit te wisselen; over projecten of over nieuwe producten. Zo ook afgelopen week. Een inspirerende sessie was het gevolg.
überphatt!!
Jammer dat het pas werkt bij FF3.1 en dat de font dan nog brak gerenderd wordt ook.
Jammer dat IE er acht van de tien keer niet mee kan omgaan...
cross-browser @font-face:
http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/