born to hula

Trots 30-gradigt väder har jag hunnit lägga in ett litet test här på bloggen. (Uteplatsen besöks sporadiskt :))

Jag har hursomhelst lagt in Googles Webfonts här. Kan ses på rubriker främst. Det är nog smidigast att låta rubriker få använda annat typsnitt och försöka använda brödtext och liknande med standardtypsnitt.

Det är väldigt enkelt att lägga in Webfonts. Du går till http://code.google.com/webfonts och väljer ditt typsnitt. Sedan så klickar du för att se koden, och det du lägger in är ett <link>-tag i din header. Lägg den före ditt stylesheet. Sedan så sätter du font-family-attributen i CSSen till ditt nya typsnitt. Ha gärna en ok fallback, alltså; ” font-family: ‘Lobster‘, arial, serif; ” så att äldre och webbläsare som inte stödjer @font-face kan skriva ut din sajt ganska snyggt. Google Webfonts är egentligen bara ett CDN för fonter, och inget annat. Inget hokuspokus!

Det här sättet att inkludera typsnitt har vi sett tidigare. Fört kom sIFR sen kom Cufon och det verkar som att @font-face kommer att kunna ersätta dessa två ganska omgående. Jag har dålig koll på kompatibiliteten just nu, men i höst kommer inget av mina projekt att innehålla Cufon :)
Tydligen är det så att Explorer  inte stödjer OTF till exempel, så det kan vara något att grotta in sig i.

Har fått alldels för många frågor om tillgänglighet för att det ska vara värt att krångla med javascripten kring de övriga typsnittsersättarna. Tillgänglighetsmässigt så för @font-face det bästa som hänt webben :)

• Share