This year
Viewport Sized Typography | CSS-Tricks
by sbrothier
CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. It is relevant to bring up now, because it's shipping in Chrome 20 (canary at the time of this writing). And not behind a flag, it just works. Production usage isn't quite there, but it will be soon enough.
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
2010
25 Free Fonts Perfect for @fontface (Revived) | Speckyboy Design Magazine
by ghis
Fonts for web use via the CSS @font-face property.
Firefox 4: OpenType font feature support ✩ Mozilla Hacks – the Web developer blog
by sbrothier & 1 other
The -moz-font-feature-settings CSS property permits control over kerning, ligatures, alternates, real small caps and stylistic sets to name just a few.
Lost World's Fairs
by sbrothier
Internet Explorer 9 now supports WOFF, and the Friends of Mighty have joined forces to explore typographic possibilities on the web.
Lettering.JS | daverupert.com
by sbrothier & 3 others
Paravel has just wrapped up an exciting secret project with three of the web’s most talented designers: Jason Santa Maria, Frank Chimero, and Naz Hamid. These designs are epic, like 18,123px epic. Working with these guys was a complete joy. There were a few fun development challenges and – as you might expect from these gentlemen – a lot of fancy typography work in the delivered PSDs.
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.
Apple - HTML5
by sbrothier & 3 others
The demos below show how the latest version of Apple’s Safari web browser, new Macs, and new Apple mobile devices all support the capabilities of HTML5, CSS3, and JavaScript. Not all browsers offer this support. But soon other modern browsers will take advantage of these same web standards — and the amazing things they enable web designers to do.
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.
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.
