http://134.74.235.12/~hagarvander/index.html
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html common fonts on Mac and PC and their differences in display
http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/ Smashing Magazine Type Tools and Techniques
http://www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/ Font stack suggestions
http://www.typechart.com Tool for visualizing type choices
http://www.typetester.org Another tool for visualizing type choices
http://pxtoem.com/ Pixel to em calculator
http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/ Vertical rhythm calculator
http://grid.mindplay.dk/ Another grid design tool
http://www.webdesignerdepot.com/2008/12/7-free-tools-to-identify-a-font/ Tools to ID a font
http://nicewebtype.com/ General Resource on Web Type
http://blog.themeforest.net/tutorials/css-font-face-and-15-free-fonts-you-can-use-today/ "free fonts"
http://www.fontsquirrel.com/ shareware fonts
http://www.webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding shareware fonts
http://www.dafont.com/ shareware fonts
http://www.fontshop.com/blog/?cat=80 Intro to web fonts; see their PDFs. Their web fonts are not free.
http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/ how to use @font-face
http://randsco.com/index.php/2009/07/04/p680 history of web fonts
http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/ how to use css @font-face
http://www.css3.info/preview/web-fonts-with-font-face/ @font-face
http://www.alistapart.com/articles/cssatten future of web fonts, more
http://craigmod.com/journal/font-face/ @font-face
http://jontangerine.com/silo/typography/web-fonts/ examples of standard web fonts
http://www.webfonts.info/wiki/index.php?title=Main_Page info page on @font-face embedding
http://www.cameronmoll.com/archives/2009/03/cufon_font_embedding/ Step-by-step
http://wiki.github.com/sorccu/cufon/about Cufón, an alternative to siFR
http://wiki.github.com/sorccu/cufon/usage Step-by-step, also using multiple fonts
http://cufon.shoqolate.com/generate/ Cufón fonts generator, online version
http://wiki.github.com/sorccu/cufon/styling Styling Cufón: be sure to use a .ttf or .otf 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
http://designintellection.com/2008/this-is-how-you-get-sifr-to-work/ siFR v3 TUTORIAL, which ONLY works from a SERVER
http://discuss.joyent.com/viewforum.php?id=20 Forum for siFR questions
http://facelift.mawhorter.net/ FLIR fonts
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 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://ajaxian.com/archives/opensifr-tool-to-generate-font-files opensiFR tool
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