Barry Frost

This is Barry Frost’s personal website.

Tagged #typography

Charts of popular and common font uses |

Hyphen, En Dash, Em Dash, Minus

When to use each

Upping Your Type Game

Web typography and choosing the right typeface

Beautiful web type - examples of the best Google web typefaces /via @sevenupcan


Audio from this year’s Ampersand Conference available on Huffduffer as a podcast

Paul Robert Lloyd

Love the typography and responsive design behind this personal site.

Cross-browser kerning-pairs & ligatures

text-rendering: optimizeLegibility; – on by default for Firefox above 20px; required for Webkit

30 Innovative And Creative Text Effect Tutorials

Colosseo Letterpress Poster

Cameron Moll’s stunning Roman Coliseum crafter purely with type


Comprehensive guide to using @font-face, including links to suitable fonts

Revised Font Stack | A Way Back

Up-to-date detailed list of safe alternative lists when specifying fonts in CSS

Text Rotation with CSS

-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Exploring Cufón, a sIFR alternative for font embedding ~ Authentic Boredom

Detailed review of Cufon by Cameron Moll. Thumbs up, although current drawbacks are listed including no :hover state or text selection


Canvas/VML font renderer. Alternative to sIFR. Converts fonts into special format which can be rendered in the browser quickly. No Flash, SVG or images

Facing up to Fonts | Slides and notes

Richard Rutter from Clearleft on intelligent use of web fonts, including specifying alternatives for italics where appropriate. Good stuff.

Font-weight is still broken in all but one browser

Only Firefox 3 renders numeric (100, 200, …, 900) font weight values correctly

sIFR lite

Lightweight alternative to sIFR (untested)

flipping typical

Intelligent and useful web page that guesses the fonts installed locally and allows you to try out sample text in each

Grid Designer 2

Enter widths, gutters and/or number of columns and this tool will work out the dimensions you need to use. It can also export CSS for the layout and also typography, aligned to a baseline grid

The 100% Easy-2-Read Standard

16px body font, whitespace, good contrast, 140% leading. Common sense