Typography on the Web

Google Fonts
google.com/webfonts

Font Squirrel
www.fontsquirrel.com/

Da Font
dafont.com

Canvas Text:
www.html5rocks.com/en/tutorials/canvas/texteffects/Text-Effects.html#spaceage

If you’re having trouble with fonts showing up on iPhone/iPod/Android/ @font-face not working in mobile Webkit, the solution is using the bulletproof font face syntax outlined below:

The “Fontspring @Font-Face Syntax”

The code should have been clean, clear and simple all along. Follow this format:

@font-face {
	font-family: 'MyFontFamily';
	src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'),
	     url('myfont-webfont.woff') format('woff'),
	     url('myfont-webfont.ttf')  format('truetype'),
	     url('myfont-webfont.svg#svgFontName') format('svg');
	}

What? I don’t get it.

The hack trick that makes this work is the ‘?’ following the EOT filename. Seriously.

Source: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax