http://craigmod.com/journal/font-face/ @font-face refinements
http://www.useragentman.com/blog/2009/09/20/font-face-in-depth/ Browser differences for @font-face fonts
http://kilianvalkhof.com/2009/css-xhtml/combining-cufon-and-font-face/ combining cufon and @font
http://www.mikeindustries.com/sifr/ Introducing siFR
http://www.mikeindustries.com/blog/archive/2004/08/sifr The background article, read this on your own
http://wiki.novemberborn.net/sifr/ siFR wiki documentation
http://www.adobe.com/devnet/dreamweaver/articles/sifr_demo.html# if you need to follow a video tutorial
http://www.alvit.de/sifrbeauty/sifr-resources.php more on siFR
http://www.maratz.com/blog/archives/2006/01/16/multi-color-sifr-201/ Multi-color siFR
http://novemberborn.net/sifr/2.0.7 IMPORTANT: fix for FLASH 10 PLAYER
IMPORTANT: for local version of siFR [v2], you must use siFR2.0.7 to be compatible with FLASH10 PLAYER
This is Display Type
This is Display Type
This is Display Type
This is Display Type
This is Display Type
with a subhead
This is Bernard MT Condensed done with the CS4 version of Flash
This is Display Type
This is Display Type
These two examples have colored links and rollovers
Multi-Colored Display Type Head with link
More Display Type Examples
sIFR.replaceElement(named({sSelector: ".sifr_two", calls the selector
sFlashSrc: "siFRexample/rockwellextrabold.swf", calls the swf file, using directory path
sColor: "#0c8515", sLinkColor:"##0c8515", calls the text and link colors
sBgColor:"#b4d5b1", calls the background color
sHoverColor:"#ffffff", calls the rollover color
nPaddingTop:0, sets top padding by pixel
nPaddingBottom:0, sets bottom padding by pixel
sFlashVars:"textalign=left&offsetTop=0" sets text align [left, right, center] and offset [top bottom] by pixels
sWmode: "transparent", add for transparent background (use a value of 100 and continue to use a background coloryyyyyyyy) • see the wiki for implementation; doesn't work in all browsers
sEmColor:"#FF8C00", sStrongColor:"#FF0000", presently not working
http://www.swfir.com/ applying visual effects to an image using SWFs
http://designintellection.com/2008/this-is-how-you-get-sifr-to-work/ siFR v3 TUTORIAL, which ONLY works from a SERVER
http://css-tricks.com/new-screencast-how-to-use-sifr-3/ Tutorial
http://discuss.joyent.com/viewforum.php?id=20 Forum for siFR questions
From the How+to+use page, for siFR beta3 look at:
Styling http://wiki.novemberborn.net/sifr3/Styling
Filters http://wiki.novemberborn.net/sifr3/Filters
http://facelift.mawhorter.net/ FLIR fonts
http://www.nytimes.com/2009/03/26/technology/personaltech/26basics.html NYTimes article on new browsers and their features
http://www.nytimes.com/2009/03/30/technology/internet/30mag.html NYTimes article on DIY printing of color magazine
http://magcloud.com/ DIY magazine printing site
http://www.nytimes.com/interactive/2009/02/22/theater/20090222_REASONS_INTERACTIVE.html Poster campaign for the play 'Reasons to be Pretty' with an interactive feature showing the decisions for chosing different illustration/design styles
http://webkit.org/blog/41/ Web Inspector allows you to view page source; just right click on an element, or hold Shift + Control.
First, do a download of the latest build, like WebKit-SVN-r38297.dmg
Then type this into the Mac Terminalapp : defaults write com.apple.Safari \WebKitDeveloperExtras -bool true
Finally, restart Safari. Youwill see 'Inspect Element' when youright click or click with Shift + Control