Fireisland » cufon http://www.fireisland.no Just another WordPress site Tue, 13 Dec 2011 00:15:52 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Cufon – eit lettvint sIFR alternativ?http://www.fireisland.no/webdesign/cufon-eit-lettvint-sifr-alternativ/ http://www.fireisland.no/webdesign/cufon-eit-lettvint-sifr-alternativ/#comments Thu, 12 Mar 2009 20:51:17 +0000 Anders-Meyer http://www.fireisland.no/?p=448

Read the rest of this entry »

]]> cufon sifr alternativ

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?

  1. Last ned scriptet
    Det vert anbefalt å bruke den komprimerte versjonen av scriptet
  2. 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.
  3. Last opp cufon.js-fila og din-font-fil.font.js-fila til nettsida di
  4. Inkluder javascriptene i <head>-seksjonen i filene dine
  5. 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.

  1. Lastinga, det tek litt lang tid før den “bytter” fontent din frå standard webfont til spesialfonten. (omlag 1 sek)
  2. 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

]]> http://www.fireisland.no/webdesign/cufon-eit-lettvint-sifr-alternativ/feed/ 8