Designtemplate, das auf 960 Pixel Breite basiert und gut für Spaltenlayouts geeignet ist.

http://960.gs

Das Einbetten von Schriften via CSS wird von den Browsern wie folgt unterstützt:

Internet Explorer: ab IE 5 (.eot)
Firefox: ab 3.5 (.otf, .ttf)
Firefox: ab 3.6 (.otf, .ttf, .woff)
Safari: ab Safari 3.2 (.otf, .ttf)
Opera: ab Opera 10 (.otf, .ttf)
Chrome: ab Chrome 4 (.otf, .ttf, .svg)
iPhone: ab 3.1 (.svg)

Ein Supertool ist der @Font-face Kit Generator von Fontsquirrel, der die entsprechenden Fontdateien und die dazugehörigen Stylesheets für alle Browser erzeugt.

www.fontsquirrel.com/fontface/generator

Der CSS Code sieht dann z.B. so aus:

@font-face {
	font-family: 'BlockUpRegular';
	src: url('BLOCKUP_.eot');
	src: local('BlockUp Regular'), local('BlockUp'),
	url('BLOCKUP_.ttf') format('truetype'),
	url('BLOCKUP_.svg#BlockUp') format('svg');
}
 

Eine Beispielseite habe ich hier:
tools.strombild.de/fontfacekit

Eine Vergleichseite von Systemschrift zu nachgeladenener Schrift habe ich hier:
tools.strombild.de/fonttest

Informationen zu dem neuen Format .woff gibt es hier: hacks.mozilla.org/2009/10/woff/