Fireisland » typografi

Cufon – eit lettvint sIFR alternativ?

Anders-Meyer — Thu, 12 Mar 2009 20:51:17 +0000

Nokon Kvittra meg om Cúfon ein ny metode for å inkludere spesialfontar i webdesign. Tidlegare har jo sIFR hatt monopol på å benytte trykkfonter på overskrifter og liknande på nettsider. Men sIFR er og blir litt tungvint å implentera i webdesign, ein må til dømes inn i Flash for å klargjere fontfilene før dei kan brukast.

Men Cúfon verkar mykje enklare å implementera, og framstår som eit godt sIFR alternativ. Eg har testa det på bloggen her no, med “Helvetica Neue Ultra Light”. Denne fonten har alltid vore tiltenkt som font i overskriftene, men eg orka ikkje å byrje på nok ein sIFR implementasjon (ikkje at det er forferdeleg mykje jobb, det er berre litt “tetak”). No har eg ila. 30 minutt lese det eg treng å vite om Cúfon, lasta ned javascriptet, generert fontfiler og implementert det i bloggdesignet. 30 min. frå start til slutt på å installere, implementere og teste “text-replacement-script” det kan ein like!

Cúfon baserar seg på javascript og rendringa til nettlesarane i staden for flash-rendring slik som sIFR gjer det. Og er støtta av følgjande nettlesarar* (visse avvik sjølvsagt):

Internet Explorer 6, 7 and 8
Mozilla Firefox 1.5+
Safari 3+
Opera 9.5+
Google Chrome

Korleis installerar ein Cúfon?

Last ned scriptet
Det vert anbefalt å bruke den komprimerte versjonen av scriptet
Generer fontfiler ved å laste opp dine filer og køyre dei gjennom generatoren til Cúfon.
Hugs å sjekke rettighetane for implementering på internett for fonten din før du laster opp.
Last opp cufon.js-fila og din-font-fil.font.js-fila til nettsida di
Inkluder javascriptene i -seksjonen i filene dine
Oppdater nettsida di.

Kan noko so enkelt verkeleg ha teke 3o min?! Dette brukte eg omlag 30 min. på første gong eg testa det

Men eg har 2 ting som eg ikkje var nøgd med.

Lastinga, det tek litt lang tid før den “bytter” fontent din frå standard webfont til spesialfonten. (omlag 1 sek)
Den lagar innrykk(på 3-5px) i 1. linja til overskriftene i Firefox

Punkt 1 blir forhåpentleg forbetra, kanskje det tom. er noko eg har gått glipp av i dokumentasjonen?
Punkt 2 kan være noko i stilsettet til bloggen min, dette skal eg prøve å sjekke opp i kjapt.

Dette er på ingen måte ein grundig test av Cufon, men ein kort introduksjon og test frå mi side. Kom gjerne med dykkar tilbakemeldingar på Cufon her. Eg vil ha den installert på bloggen i minst. 1 månad, med mindre noko er frykteleg gale for nokre av brukarane..

Les meir om Cúfon her
Generer Cúfon fontfiler her

Ein miljøvennleg og gratis font

Anders-Meyer — Mon, 26 Jan 2009 23:01:22 +0000

Det var vel på tide at nokon lanserte miljøvennlege fontar også? Ecofont er ein font basert på den frifonten Vera Sans, kor det er laga hull i alle teikn. Prinsippet er jo genialt enkelt – ved å bruke Ecofont, bruker du mindre blekk, altså er den meir miljøvennleg.

Men eg er usikker på om den har rett formspråk til alle anledningar? Artig tiltak uansett

Last ned Ecofont gratis her

Nå har jeg registrert meg på Bloggurat.

Samling av inspirerande design-, illustrasjon- og typografilenkjer

Anders-Meyer — Thu, 31 Jul 2008 05:50:45 +0000

Her følgjer 9 lenkjer eg har lagt merke til den siste veka og som eg gjerne deler med dykk. Håpar at noko fall i smak:

Typografi er Sexy
Her er endeleg ein som har skjøna det! Her finn du mange inspirerande typografiske arbeid som er samla i ein lang og god artikkel.

192 kreative og morosame annonsekonsept
Mykje morosame reklameidear her, dei fleste er trykte annonser

Lær å teikne ein bleksprut i vektor
Søt blekksprut illustrasjon, denne artikkelen tek deg steg for steg gjennom prossesen bak.

Lær å lage fantasi-natt-himmel i photoshop
Tøff illustrasjon med heftig bruk av trendy “lyseffektar” kombinert med teikneserie grafikk.

Lær å lage 80-talls retro skrivebordsbakgrunn
Stilig skrivebordsbakgrunn, med grungy 80-talls stil.

Blogg design retningslinjer eller tips
Her er mange gode tips og eller retningslinjer når ein skal designe ein blogg.

58 søte monster illustrasjoner
Fin samling av stilige men lite skumle monster. Får lyst å finne fram blanke ark og teiknestiftar!

Tips, hurtigtaster og snarvegar i Adobe Illustrator
Her var ein god del tips til å bli meir effektiv i Adobe Illustrator. Artikkelen er retta mot macbrukarar.

Fargesymbolikk avstemming
Stilig konsept dette, du får opp eit ord og skal velge den fargen du føler symboliserar fargen. Skal bli spanande å følgje utviklinga i fargesymbolikken etter som denne sida blir større.

Inspirerande gratis fonter frå deviantART

Anders-Meyer — Mon, 21 Jul 2008 18:40:38 +0000

For mange år sidan då eg enda var ung og sprelsk, posta eg eit og anna foto og illustrasjon på ein nettstad som heitte DeviantART. Det var stort sett grunge aktige arbeider ein kunne sjå på nettstaden. Etter ei tid gjekk eg naturleg nok lei av å delta på denne nettsida.

Men no har den vakse, og blitt til ein stor portal med alle slags arbeider samt ein god ressursbank der brukarane deler fontar, tutorials og andre nyttige ting med kvarandre. Her blei eg tipsa via ein anna blogg om at de var mange gode fontar ein kunne benytte. Her følgjer nokre av mine favoritt eksempel:

Fleire fontar hos deviantART fonts

NB! nokre av disse fontane er nok ikkje komplette og brukande til “corporate” jobbar og liknande, men om ikkje anna kan dei iallefall inspirera, eller kva?