Kåre Garnes
Rådgiver for SEO og lekkert innhold, iProspect
Kåre har 10 års erfaring fra konseptutvikling og copywriting, Brenner mest for å forenkle og forbedre nettsteder.
Følg meg på Twitter
Gode nyheter!
Google har kjøpt en haug med fonter og gjort dem tilgjengelige gjennom Google Font API.
Dette dreier seg om webfonter som blir muliggjort gjennom CSS3. Det vil si at de er hostet i nettskyen og blir sent til browseren når de trengs.
Det skal være veldig enkelt å komme i gang med Google Font API – bare legg til et par linjer med tekst. (Det ironiske er at jeg er så noob at jeg må vise disse kodelinjene som et bilde…)
For hele introduksjonen: Google Code blog
13 kommentarer til "Google introduserer Google Font API & Directory"
…men hvordan ser det ut i nettlesere? Ser det ikke ut, så er det vanskelig å ta i bruk.
aner ikke! Utfordrer deg til å teste det ut & rapportere tilbake!
men siden det er CSS3 så er det vel noen gamle browsere som sliter.
men alt trenger jo ikke se likt ut i alle browsere!
Kan tenke meg at det ser annerledes ut med ClearType av og slikt.
Et alternativ basert på nesten samme teknikk er typekit (www.typekit.com). Større utvalg av fonter og kompatibelt med de fleste browsere (javascript).
Et alternativ basert på nesten samme teknikk er typekit (www.typekit.com). Større utvalg av fonter og kompatibelt med de fleste browsere (javascript).
+1
Har sjekket dette ut bl.a. hos Smashing Magazine, og det ser ikke akkurat bra ut med standardinnstillinger på en Windows 7-maskin.
De har benyttet Droid Sans gjennom denne løsningen, og teksten er veldig kornete pluss at bunnen på lange bokstaver kuttes av. På Windows.
På Mac ser det helt knall ut, som vanlig.
Dermed virker det ikke som dette er helt klart til bruk på nettsider, egentlig.
Ble positivt overrasket, så leste jeg innvendingene i kommentafeltet… litt tidlig å rope hurra for dette?
nja.. det er vel browser wars som ødelegger.
trikset er å gjøre ux ok for dem med gamle browsere og amzing for dem med nye.. IMO
Jeg har testet de flest fontene for windows, og vil foreløpig være forsiktig med å bruke de i brødtekst. Med litt forbehold burde det funke fint i overskrifter. Problemet er at teksten rendres veldig forskjellige i ie, chrome og safari for windows. Opera og Firefox ser ut til å takle det helt fint!
Men et tips til windowsbrukere; Ved å laste ned gdi+ for win kan du “simulere” fontene for mac (http://mattisaas.no/2010/01/fa-smoothe-fonter-pa-windows-som-pa-mac/). Ikke akkurat bulletproof men…
Jeg vet ikke om man kan simulere andre font renderinger på mac men det hadde nok vært en fordel og testet.
Jeg tester bestandig fonter med og uten gdi rendering i windows!
Men her mener jeg os+nettlesere må få på plass en standard for font rendering! Særlig i disse dager hvor @font-face faktisk er i ferd med å bli standard.
PS; Jeg bruker faktisk API’en i overskriftene i bloggen min nå, og den ser i hvert fall ok ut i alle de største nettleserne, med og uten smooooooth rendering :P
Utrolig lett å bruke!
http://www.miaholte.com/
Takk for smooooth kommentar, mia!
Når Typekit er nevnt, er det verdt å få med samarbeidsprosjektet WebFont Loader som lar deg laste fonter fra både Google Font Directory og Typekit:
http://googlecode.blogspot.com/2010/05/introducing-webfont-loader-in.html
Typekit lar deg også forhåndsvise fonter i forskjellige nettlesere/OS:
http://blog.typekit.com/2010/01/26/screenshots-of-all-our-fonts-in-every-browser-on-every-platform/
Liten bagatell, men rett skal vere rett: Google har ikkje kjøpt nokon fonter. Dei gjer omtrent det same som dei gjorde med jQuery, då dei bestemde seg for å hoste dette. Fontene har alt vore frie lenge.