2014
![](http://blogmarks.net/screenshots/2014/05/07/f914a1cfcccd808369788889b8d526da.png)
Readable, Fluid Type With Basic CSS Smarts | Design in the browser with web fonts and real content — Typecast
![](http://blogmarks.net/img/default-gravatar.gif)
2013
2012
![](http://blogmarks.net/screenshots/2013/09/09/9160c8de3ba14851eb1c399f8ec54794.png)
Font Custom
![](http://blogmarks.net/img/default-gravatar.gif)
![](http://blogmarks.net/screenshots/2012/11/27/20d57f5f2e183104b7d350482e993ea3.jpg)
Font Custom - Générez des webfont à partir de vos icones - La Ferme du web
![](http://blogmarks.net/img/default-gravatar.gif)
![](http://blogmarks.net/screenshots/2012/02/13/716f6c74178f40b7cd9ca7e9811a5dbd.jpg)
Modern Pictograms - The Design Office
![](http://blogmarks.net/img/default-gravatar.gif)
![](http://blogmarks.net/screenshots/2012/01/13/48200ada32cbad94f8c2c53349563187.jpg)
Home | Design in the browser with web fonts and real content — Typecast
![](http://blogmarks.net/img/default-gravatar.gif)
2011
![](http://blogmarks.net/screenshots/2011/03/18/7b3b64c1a3f8e81dafeb13ba01d62d85.jpg)
Technical Web Typography: Guidelines and Techniques
![](http://blogmarks.net/img/default-gravatar.gif)
2010
![](http://blogmarks.net/screenshots/2010/12/30/7dbec7f380811968959f954553e84dd4.jpg)
25 Free Fonts Perfect for @fontface (Revived) | Speckyboy Design Magazine
![](http://blogmarks.net/img/default-gravatar.gif)
![](http://blogmarks.net/screenshots/2011/07/01/37fdca0cdcd9c3cb27a6698da5e20bea.jpg)
FontFonter
![](http://blogmarks.net/img/default-gravatar.gif)
![](http://blogmarks.net/screenshots/2010/06/08/43b978aa87473888e2970838b69e20ca.jpg)
Mo’ Bulletproofer @Font-Face CSS Syntax
![](http://blogmarks.net/img/default-gravatar.gif)
![](http://blogmarks.net/screenshots/2014/08/02/b8079e3a98bf45d928b09b867b3b79c4.png)
Font Squirrel | Download Hundreds of Free @font-face Fonts
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!
![](http://blogmarks.net/screenshots/2010/03/17/d12d41dde01890a89d35bfbf07f0b50d.jpg)
Curtis CSS Typeface · David DeSandro
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.