codesnippets.info

@font-face {
 font-family: SketchRockwell;
src: url(‘SketchRockwell.ttf’);
}
.my_CSS3_class {
 font-family: SketchRockwell;
font-size: 3.2em;
}

CSS3 can render type using several font formats: “truetype” (ttf), “opentype” (otf), “embedded-opentype” (eot) and “scalable-vector-graphic” (svg,svgz).

NOTE: For some reason, using both @font-face and text-shadow will cause problems in Google Chrome. The reason IE has been given a ‘?’ next to it for the @font-face attribute, is because it will work using the popular .eot font file…

You may want to check :

1. CSS3 Zebra Striping a Table
2. YUI3 reset
3. boilerplate typography css framework
4. Hartija css print framework
5. CSS3 transitions