Posts Tagged ‘sIFR’

May
21
2009

CSS FIR Technique explained

FIR stands for Fahrner Image Replacement named after Todd Fahrner.

It is a standard compliant technique in which <h1> and <span> tags are used to have nice headings and highlights.

Key fact in this technique is that the text will get displayed even if the CSS is disabled for some reason, hence presenting the text beneath it.
(more…)

  • Share/Save/Bookmark
Mar
19
2009

sIFR: Desired fonts to style your website

How to have desired fonts shape the content of your web design?

sIFR comes in place to hand you different fonts using Flash and CSS. With CSS3 you could replace titles with any font you want. The text is search engine friendly and users can cut and paste the text as they expect. There are nice tutorials and video blogs that help you get started with ease.

Easy, elegant tutorial on sIFR
http://designintellection.com/2008/this-is-how-you-get-sifr-to-work/

Follow the above tutorial and you can replace the needed font to have content with your desired font.

Video based tutorial
http://css-tricks.com/video-screencasts/39-how-to-use-sifr-3/

To download the sIFR nightlies, visit
http://dev.novemberborn.net/sifr3/nightlies/

All you need to do is create the “swf” flash file or to download it from one of the available websites and then to configure the javascript, css files to make this work.

Happy sIFRing!!!

  • Share/Save/Bookmark