Jan 23
2007

sIFR – prikaz nestandardnih tipografij v spletnih brskalnikih

19:48, published in category: design, user Experience

Oblikovalci spletni strani pogosto nimajo lahkega dela pri določanju pisav, ki jih bodo uporabili na spletnih straneh. Pravzaprav se velikokrat ne da natančno določiti oziroma predvideti, kako bo izbrana pisava izgledala pri uporabniku na zaslonu. Čestokrat so zato prisiljeni, da besedila, prikazujejo kot sliko (predvsem v naslovnih vrsticah, kjer želimo učinek »Anti-Aliasing«) ali pa kot Flash vsadek.

Značilnost HTML-ja je namreč ta, da mora uporabnik imeti izbrano pisavo nameščeno na svojem računalniku. Je to slabost HTML-ja? Za oblikovalce prav gotovo. Še sreča, da imamo CSS stile, s katerimi je mogoče precej nastavitev izgleda teksta (npr. razmak med vrsticami, črkami, odmiki, poravnave, barve, itd.), ki jih klasičen HTML sam po sebi ne zmore.

KAJ JE PRAVZAPRAV sIFR IN KAJ PRINAŠA?

sIFR1 (Scalable Inman Flash Replacement) je tehnologija, ki odpravlja vse pravkar naštete slabosti. Gre za kombinacijo oziroma sožitje naslednjih principov:

  • (X)HTML,
  • Javascript,
  • CSS in
  • Flash.

Celoten postopek poteka v grobem takole:

  1. Brskalnik naloži običajno (X)HTML stran.
  2. Javascript funkcija preveri ali ima uporabnik nameščen Flash. V primeru, da ga nima oziroma ima izključen Javascript, se besedilo prikaže kot običajna (X)HTML stran.
  3. Javascript ustvari Flash polje z predefiniranimi nastavitvami izgleda in ga postavi nad (X)HTML besedilo, tako da ga prekrije.

Zgoraj opisani postopek traja seveda zgolj trenutek in ga obiskalec ne zazna. Rezultati so pa izjemni: uporaba »Anti-Aliasinga« po želji, prikaz povsem nekonvencionalnih tipografij, »copy-paste« besedila in ne povzroča »Flash-ad-blocking« efekta. sIFR odpravlja torej vse slabosti prikaza besedila kot slike ali klasične uporabe Flasha in ponuja oblikovalcu želene rezultate.

PROBLEM ZDRUŽLJIVOSTI?

sIFR deluje na vseh operacijskih sistemih in brskalnikih, ki imajo vključen Javascript in nameščeno podporo za Flash 6 (ali novejšo različico), s čemer dosežemo preko 90% uporabnikov. V primeru nezdružljivosti so rezultati še vedno zadovoljivi, kajti uporabniku kljub temu prikaže besedilo, le s to razliko, da je prikazano v klasični obliki (X)HTML, vključno s CSS oblikovanjem.

sIFR v praksi: http://www.mikeindustries.com/blog/files/sifr/2.0/


  1. Več o tem kaj je sIFR: http://wiki.novemberborn.net/sifr/What+is+sIFR in http://www.mikeindustries.com/sifr ()

Comments

David Erjavec, 1. February 2007, ob 11:58:

Med uporabo tega addona, sem naletel na težavo s šumniki, ki se lahko pojavi pri določenih fontih.

V mojem primeru je to bil font “Trebuchet MS”, manjkala pa sta znaka č in pa Č. Problem je bil v tem,
da se v flashu ta znak ni pravilno embeddal – mapiran je bil na napačnem mestu. Problem sem odpravil s programom FontLab, kjer sem font-u določil drug encoding, pozicijo, ter nato shranil in instaliral kot sekundarni Trebuchet MS font. Nato sem pri 1. točki uporabe sIFR (priprava font.swf datoteke), exportal swf movie za text s tem na novo instaliranim fontom.

Upam da bo rešitev komu v pomoč.

tomaž, 23. February 2007, ob 21:14:

Par let stara zadeva.

Respond now!