Here we go again, kids. But this time is about @font-face. Yes, this is a topic of CSS3 and fonts (just in case you are recently awaking from a coma and you have never heard about it). There are some different ways to use custom fonts in your website. The @font-face is one of the ways.

I have chosen a wide range of articles to show you. From the basics in “Fonts” to the new possibilities in the article “Ever Thought About Using @Font-face for Icons?” And even a cheat sheet and a powerpoint to learn by heart.

And if you have a predilection for fonts and your eyes wide open, there are a lot of blogs using Museo .

I hope you really enjoy the selection and discover something new to learn.

Fonts

Web fonts with @font-face

Introducing the Web Safe Font Cheat Sheet

Quick and Easy CSS @font-face Code

Implementing @font-face

@FONT-FACE GENERATOR

Practical steps for using @font-face in your websites now

Get up and running with @font-face

How Do I Implement @font-face?

CSS3 Generator : Generate CSS3 On The Fly

The Future Of CSS Typography

CSS3 Please! Instant results… Thank You

Quick Tip: How to Work with @Font-face

10 Best @font-face Fonts

Understanding @font-face and Typography

Tools and Resources to Improve your Typography on the Web

30 Beautiful and Free Fonts You Can Use with @font-face

CSS, JAVASCRIPT AND XHTML EXPLAINED

@font-face Generator Every Web Designer Must Know

MIX10: THE TYPE WE WANT

Custom Web Fonts In CSS3

Real Fonts and Rendering: The New Elephant in the Room

Quick Tip: Ever Thought About Using @Font-face for Icons?

Spruce It Up

Jeff Veen Talks Future of Typekit

7 Useful CSS3 Code Generators

Source box:

Images:

http://www.w3.org/TR/CSS2/fonts.html#propdef-font

http://www.css3.info/preview/web-fonts-with-font-face/

http://www.mightymeta.co.uk/introducing-the-web-safe-font-cheat-sheet/

http://perishablepress.com/press/2010/04/13/quick-and-easy-css-font-face-code/

http://www.miltonbayer.com/font-face/

http://www.fontsquirrel.com/fontface/generator

http://www.unmatchedstyle.com/podcast/practical-steps-for-using-font-face-in-your-websites-now.php

http://blog.doliver.co.uk/2010/03/get-up-and-running-with-font-face/

http://www.littleboxofideas.com/blog/tutorials/how-do-i-implement-font-face

http://www.webstuffshare.com/2010/03/css3-generator-generate-css3-on-the-fly/

http://www.smashingmagazine.com/2010/03/01/css-and-the-future-of-text/

http://ajaxian.com/archives/css3-please-instant-results-thank-you

http://net.tutsplus.com/videos/screencasts/quick-tip-how-to-work-with-font-face/

http://www.paper-leaf.com/blog/2010/02/10-best-font-face-fonts/

http://hokuten.net/2010/understanding-font-face-and-typography/

http://inspectelement.com/articles/better-typography-tools/

http://designlovr.com/30-beautiful-and-free-fonts-you-can-use-with-font-face/

http://www.evotech.net/blog/2010/01/font-face-browser-support-tutorial/

http://aext.net/2010/01/font-face-generator-every-web-designer-must-know/

http://snook.ca/archives/conferences/mix10-the-type-we-want

http://antitables.com/2009/08/26/custom-web-fonts-in-css3/

http://24ways.org/2009/real-fonts-and-rendering

http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-ever-thought-about-using-font-face-for-icons/

http://24ways.org/2009/spruce-it-up

http://carsonified.com/blog/design/jeff-veen-talks-future-of-typekit/

http://pelfusion.com/tools/7-useful-css3-code-generators/