Monthly Archives: December 2009

Say Goodbye to SIFR Techniques and Hello CSS3

Finally I believe it is now safe to say goodbye to all of your SIFR and Javascript Font Replacement techniques. Now thanks to CSS3 and font embedding we can successfully embed fonts for all browsers such as firefox (3.5 onwards) Safari 4 and all versions of IE with a little tweak.

This will allow web designers to finally break free from the restraints of the “Web Safe Fonts” with more flexibility.

Let me now explain how this all works:
Basically for your browsers such as Safari and Firefox you can use any TrueType Font or OpenType Font and for all the IE users out there don’t fret there is something to cover you guys as well!

IE Users must use the .eot font format for Internet Explorer to render these fonts.

Here is an example for embedding the Helvetica Neue font which is required in your css:
@font-face {
font-family: HelveticaNeueUltraLight;
src: url("fonts/helvetica-neue/HelveticaNeueUltLt.eot") /* EOT file for IE */
}


@font-face {
font-family: HelveticaNeueUltraLight;
src: url("fonts/helvetica-neue/HelveticaNeueUltLt.ttf") /* TTF file for CSS3 browsers */
}

Please note: The actual font files are required to be uploaded to your server. Also please take into account that you will need to check licensing agreements on your fonts to see if your allowed to embed the fonts.

Piixel Designs New Website Launch!

Welcome to Piixel Designs and our new website.

You will see the latest industry related tips, hints, files and much more on our blog so please check back for more updates.

There will be more information and articles coming soon!