This year
Modern Pictograms - The Design Office
by sbrothier & 1 other
Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small. Install the OpenType file for Photoshop mockups and drop in the @font-face code into your CSS to embed them right in your Web page. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels.
Home | Design in the browser with web fonts and real content — Typecast
by sbrothier & 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.
2011
Technical Web Typography: Guidelines and Techniques
by 84GHz & 2 others
Typografie im Webdesign einbinden
2010
25 Free Fonts Perfect for @fontface (Revived) | Speckyboy Design Magazine
by ghis
Fonts for web use via the CSS @font-face property.
FontFonter
by sbrothier & 3 others
Web FontFonts are high quality, screen-optimized fonts designed specifically for web use. Learn more »
FontFonter uses custom CSS and other techniques to temporarily replace a site’s font styles with Web FontFonts.
Mo’ Bulletproofer @Font-Face CSS Syntax
by sbrothier & 1 other (via)
Now that web fonts are supported in Firefox 3.5 and 3.6, Internet Explorer, Safari, Opera 10.5, and Chrome, web authors face new questions: How do these implementations differ? What CSS techniques will accommodate all?
Firefox developer John Daggett recently posted a little roundup about these issues and the workarounds that are being explored.
Font Squirrel | Download Hundreds of Free @font-face Fonts
by Krome & 8 others
Download hundreds of prepackaged @font-face kits which
include four font formats, CSS and HTML code. See below for details.
Don't see what you need? Try our new @Font-Face Generator.
Upload your own fonts and get a kit back!
Curtis CSS Typeface · David DeSandro
by Krome & 1 other
CURTIS CSS TYPEFACE
Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. Other incarnations exist as Fontstructions: Curtis Heavy and Curtis Pixel 14. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on absolute/relative positioning. You can get a better idea of how the letters were formed with the Inspect display option.
2009
Web Font Specimen
by sbrothier & 4 others
Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset—and also help them decide which typefaces to purchase for their projects. Read more at A List Apart.
Carver & Veen {39} Typekit - Podcast Episodes - CreativeXpert Design Interviews
by sbrothier
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
