What makes a typeface good for screens and UI design in particular?

The typography of numbers

everything you ever wanted to know about font rasterization

designing with modular scales

Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control. Here are a few examples of what can easily be done with Lettering.js:

In depth article on grid design and typography for web sites

well-made, free & open-source, @font-face ready fonts.

This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you can play upon it.

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation.

Metalist of information on typography

Structured along Robert Bringhurst’s book The Elements of Typographic Style, explaining how to accomplish each using techniques available in HTML and CSS

1. Measure the measure 2. Hanging punctuation 3. Ligatures 4. Typographic Hierarchy - size 5. Typographic Hierarchy - weight

The main principle of the baseline grid is that the bottom of every line of text (the baseline) falls on a vertical grid set in even increments all the way down the page.

"Knowing your em-dashes, serifs and line heights is important, but the key is developing typographic control. Here are some points to consider"