public marks

PUBLIC MARKS from sbrothier with tags webdesign & fonts


10 Fonts for Code - Typecast

by 2 others
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.


Just My Type

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.

Font Awesome, the iconic font designed for use with Twitter Bootstrap

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

Home | Design in the browser with web fonts and real content — Typecast

by 1 other
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.



Typographic Web Design

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

Fighting the @font-face FOUT « Paul Irish

by 4 others (via)
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!


Carver & Veen {39} Typekit - Podcast Episodes - CreativeXpert Design Interviews

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

Nice Web Type Likes: Graublau Sans with Lucida sanserif

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 Mother of All Happy Macs Gives the Gift of Web 2.0

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.


The Anatomy of Web Fonts

by 4 others
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.