This is really nice. Check it out if you're into typography.

Paragraphs are punctuation, the punctuation of ideas. After selecting a typeface, choosing the right paragraph style is one of the cornerstones of good typography. This is a brief inquiry into paragraph style for the Web.

12 Examples of Paragraph Typography from Jon Tan

It's no secret that the cost of a restaurant dish tends to mirror its complexity. That's why a menu item that says "medley of berry conserves and pureedpindas " is likely to cost five times what it would if it were just called peanut butter and jelly. But it turns out that obscure menu terminology may be just half the game. A new study suggests that typography also plays a role in influencing diners.

I'll Have That Typeface on the Menu from TIME

There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. We want to know what did they do, and how/why does it result in beautiful type? NOTE: Do not simply steal the design/code/style listed here, learn from it. I have seen a few sites that have ripped off the design elements of these sites and it is awful.

10 Examples of Beautiful CSS Typography and how they did it… by Ross Johnson

Here is the list of websafe fonts that I use in my own personal web development. Websafe (or "web safe", "safe for the web") fonts are supposedly fonts that are common among all versions of Windows, Mac, Linux, etc. Fonts that you expect everyone viewing your webpage to have.

List of Web Safe Fonts from Font Tester

In Web typography doesn’t have to support the overall design. It can dominate. It can be loud. It can be bold. And it can be everywhere on a web-site. In many situations it’s reasonable to give the typography the prominent position it deserves, leaving visual cues in the background or removing them at all. Doing that, you have to risk large font sizes surrounded by a generous amount of white space. What comes out of it? Elegant web sites with a unique form, style and sense of precision.

The Showcase Of BIG Typography - Second Edition from Smashing Magazine

Sometimes typography is all you need to communicate your ideas effectively. Graphics can support the type or type can support the graphics, but to deliver the message precisely, you need to make sure your type is expressive enough, your design is distinctive enough and the composition is strong enough. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different from things we’re used to. Thus designers explore new horizons and we explore new viewing perspectives which is what inspiration is all about.

Sexy, Bold And Experimental Typography from Smashing Magazine

There are many ways to approach Web typography in order to create effective and expressive results. Let’s take a closer look at some principles, rules and ideas for approaching Web typography decisions — you can use them as a starting point for learning how to achieve effective type setting on the Web.

5 Principles And Ideas Of Setting Type On The Web from Smashing Magazine

CSS has brought us many capabilities in terms of typography and the web, but we always seem to be limited to the same 4-5 typefaces over and over again. There is an inherant problem, if the font you specify isn’t on the viewers computer it won’t render in that font. So as designers and developers we end up selecting the ones that we can safely assume is available on most computers today. So most pages use Arial, Helvetica, or Georgia as their typefaces… and the world of the web remains slightly more bland.

8 Fonts Your Probably Don't Use in CSS But Should by Ross Johnson

It may be that not all the sites listed here are to your taste, but it’s hoped that something—even a detail somewhere—will inspire you. Invariably, these lists are subjective, so if you disagree, then feel free to do so in the comments below. If this list provokes discussion of what constitutes good web typography, then all the better. The designs are listed in no particular order. Click on the screen-shot to visit the site. Enjoy!

15 Great Examples of Web Typography from I Love Typography

The goal of this tutorial is to distill the information at the official site for sIFR into a simple step-by-step process of how to implement sIFR on your site.After following this tutorial you will have a basic understanding of how sIFR works and will be able to expand into more advanced areas.

This is How You Get SIFR to Work from Design Intellection

Fawnt is a font resource for designers, developers, and anyone that appreciates the web's highest quality fonts.

Fawnt.com

This is sweet.

FontStruct is a free font-building tool brought to you by the world’s leading retailer of digital type, FontShop.

FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.

You create ‘FontStructions’ using the ‘FontStructor’ font editor.

Once you're done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application.

You can keep your creations to yourself, but we encourage users to share their "FontStructions". Explore the Gallery of fonts made by other FontStruct users and download them or even copy them and make your own variations.

You can also use the FontStruct widget to show your FontStructions on your own website or blog.

FontStruct by FontShop

Typography is not a science. Typography is an art. There are those who’d like to ‘scientificize’; those who believe that a large enough sample of data will somehow elicit good typography. However, this sausage-machine mentality will only ever produce sausages. That typography and choosing type is not a science trammeled by axioms and rules is a cause to rejoice.

On Choosing Type from I Love Typography

I'm totally loving this at the moment; not thinking about usability :p.

Such typographic faux pas are not as potentially dangerous as grammatical fuckups – there's little chance that using a period instead of an interpunct will obscure or confuse your meaning – but they are nevertheless wrong, at least for the time being. The large-type heading for each section contains an example of a typographic mistake; if you can see what's wrong in each one before reading the explanation below, give yourself a pat on the back. Then examine your life priorities.

Ten Typographic Mistakes Everyone Makes by Christopher Phin

Collect these Grunge fonts in case they become trendy again :p.

63 Must Have Grunge Fonts from Outlaw Design Blog

Numerals (or figures) can take various forms. The figure style you choose ought to be appropriate to the project you are working on. Readability is key. But which style is best for which purpose? There are two main forms, oldstyle figures (OSF) and lining figures (LF).

Figuring It Out: OSF, LF, and TF Explained from The FontFeed

Many designers have waxed admiringly about Barack Obama’s sophisticated typographical design scheme, particularly the consistent use in much of his graphic material of the typeface Gotham, designed by Tobias Frere-Jones. So I called Brian Collins, an expert on branding, to get his thoughts on what this “good design” means for the candidate.

To the Letter Born from New York Times

Not a detailed tutorial but it gives you an overview of the font making process.

Create Your Own Font from Wired

Type is saying things to us all the time. Typefaces express a mood, an atmosphere, they give words a certain coloring.

Great Scenes from TV and Film, Told Using Only Typography (and Sound) from Always Watching