Font problemi çoğu web tasarımcısının problemi olmuştur istediği fontu kullanmak için fontu photoshopta hazırlayıp jpeg olarak kaydedip göstermesi gerekiyordu fakat bu durumda indexlenmede problem oluyordu.Ayrıca bir sayfayı okurken kullanıcının serverdan isteği de artmış oluyordu örneğin; 10 tane jpeg yaptığımız resmimiz olduğunu düşünürsek 10 kere server dan resim istiyor bunların yüklenme süresi göz önünde bulundurulduğu zaman da sitenin yavaş görüntülenmesine neden oluyor.

sIFR tekniği ile bu sorun ortadan kalkıyor bunu yaparken teknoloji javascript kütüphanesini ve flash ı kullanıyor böylece hem indexlenme sorunu hem de html sayfasının sunucudan isteği azalıyor(5 dosya isteği ) bunu nasılmı yapıyor. Bu çok karmaşık gibi gözüksede çok basit bir uygulaması var. Kısaca bahsedeyim

Bunun için yayınlayan kişide sadece flash yüklü olması gerekiyor çünkü fontu flash dosyasında belirleyip swf olarak servera atacağız.

Javascript dosyasında ufak değişiklikler yapacağız ve işlem tamamdır.

1. Dosyayı http://wiki.novemberborn.net/sifr3/ adresinden indiriyoruz.

2. İndirdiğimiz dosya içindeki flash klasörünü açıp içindeki yazıtipini kullanmak istediğimiz yazıtipi ile değiştiriyoruz.(ben futura seçtim ve swf dosyamın adını futura.swf olarak kaydettim)

3. font stili olarak ne kullanılacaksa onu atıyoruz (bold, normal, italic…)

4.flash da işimizi bitirdikten sonra publish ederken jpeg quality 100 şeklinde ayarlayıp publish edelim.

5.sifr-config.js dosyasında ufak değişiklikler yapılması gerekiyor. Buradaki kodumuzu sifr-config.js dosyasına yapıştırıp düzenleyebilirsiniz.
var futura = {
src: ‘flash/futura.swf’
};
sIFR.activate(futura);
sIFR.replace(futura, {
selector: ‘h1′,//h1 tagında kullanılacak ise
css: [
'.sIFR-root { font-size:24px; font-weight:normal; color:#9f0000; }',
'em { font-style:italic; }',//h1 tagının içinde hangi taglar kullanılacak ise onları yazıyoruz
'strong { font-weight:bold; color:#000; }'
],
wmode: ‘transparent’
});
6.Html kodumuza bazı dosyaları import ediyoruz. Aşağıdaki kodu dosyaları import etmek için kullanabilirsiniz kendi dizin yapınıza göre değiştirmeniz yeterli olacaktır

<link rel="stylesheet" href="css/sIFR-screen.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/sIFR-print.css" type="text/css" media="print">
<script src="js/sifr.js" type="text/javascript"></script>
<script src="js/sifr-config.js" type="text/javascript"></script>


Önizleme: http://www.hamzaerbay.com/ornekler/sIFR/
http://www.hamzaerbay.com/ornekler/sIFR2/

Not: sIFR server a atıldığı zaman sağlıklı olarak çalışıyor

sIFR hakkında yararlı birkaç site

sIFR son sürüm http://dev.novemberborn.net/sifr3/nightlies/

http://www.muhammetsevim.com/yazi/sifr-3-kullanim-kilavuzu/
http://css-tricks.com/video-screencasts/39-how-to-use-sifr-3/
http://webdeneyimleri.donanimhaber.com/sifr-nedir-nedegildir/

örnek site

http://www.lightweb.pl/