PUBLIC MARKS from sbrothier with tags fonts & webdesign

Our web design community loves to share tips and tricks, and often this means showing what’s happening under the hood. So this month, Jake Giltsoff has found 10 typefaces that will make your code snippets look great in everything from personal how-to blogs to tech pub tutorials.

A collection of nice font stacks. Inspired by Typestacks. Fonts from Typekit. Stacks with a price label indicate that certain fonts are only available on one of Typekit’s paid plans. If you ask me, it’s worth every penny. Go sign up.

In a single collection, Font Awesome is a pictographic language of web-related actions

The web’s most beautiful typefaces Try typefaces from the web’s best known web font services. Design with real content Kiss goodbye to Lorum Ipsum. Get real web content in place, fast. Create HTML & CSS in the browser Quickly get to a working, standards-compliant prototype.

How to think like a typographer in HTML and CSS An interactive e-book by LAURA FRANZ, University of Massachusetts Dartmouth

I really don't like the text upgrade FOUT, so I personally prefer webkit's technique. But either way, we want the font loaded ASAP, so let's speed it up!

Typekit Makes Sites Pretty. That should be enough, but there’s so much more! In this episode, Ryan Carver and Greg Veen join us from Small Batch Inc., the makers of Typekit. Typekit aims to solve all of the problems that currently prevent web designers from using commercial typefaces in their designs. Every major desktop browser will support linking to custom fonts from within your site’s CSS using @font-face. You can then use these fonts on your web site without users having to install the fonts on their system beforehand. => This really is going to change web design

If your web browser is up to snuff, you’ll see Graublau Sans Web for headings, subheads, and appropriate examples in this specimen page. If not, refer to CSS @font-face support. Please note: IE supports @font-face via fonts converted to .EOT, but because conversion is a hassle I have skipped it in this example. ↩

The trash can. The happy mac. The bomb. The visual language of point-and-click computing came to life in the imagination of Susan Kare, a fine arts curator hired by Apple in 1983 to design the look and feel of the Macintosh interface. Her whimsical, easy-to-grok icons tempted even nontechies to pick up a mouse, and her sleek screen fonts — with jet-set names like Geneva and Monaco — launched the first wave of elegant digital typography.

If one aspect of design has suffered most in its transition to the Web, it is the art of typography. For years, Web typography involved little more than choosing a typeface and font size. Unstyled Times New Roman was the norm, and the integration of established typographical techniques and rules was unimagined.