Group items tagged

here 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.

Over the last few months, I've spent more time than I intended on exploring the whole idea of fonts and typography for the Web. (My friend, typography expert Simon Pascal Klein, writes, "The former is a stylized set of glyphs of characters," while "the other [is] the whole art of creating type and setting it into the written word." For more clarification and illumination, consult Jon Tan and Mark Simonson.) In the process, I've been considering the idea of font stacks-using the well-known font-family CSS property-to list as many different fonts as possible in order to optimize the web site experience for a maximum number of users.

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.

Azbuka is CSS Typographical Base Rendering Library.\n\nIt's meant to make meaningful web typography based on the golden proportion.

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

"A web with web fonts is more beautiful, readable, accessible and open. Google Fonts makes it quick and easy for everyone to use web fonts, including professional designers and developers."

Optimized dynamic generation of Flash movies bound using javascript to provide rich Font experience regardless of the client. Degrades gracefully. Looks interesting when you just HAVE to have that PERFECT font.

Note that it is NOT intended for full paragraphs or any type of extended passages. Serves a similar function as Text Images.

Another thing to consider is that many Windows users have the Office suite or at least MS Word which comes with many fonts preslected for installation. Also look at the fonts used by OpenOffice and other popular opensource editors.

These additional fonts are also good potential candidates for your font-family!

The jQuery sIFR Plugin is an addon for jQuery that makes it easy to replace text in a web page with flash text (sIFR).

once upon a time some really good web developers created sIFR. Their goal was to seamlessly convert HTML headlines into nice fonts. Well, these developers did a great job getting it to work nicely. Looking at their code, I decided I would create a "lite" version of sIFR using a more object-oriented approach. sIFR Lite is a bit easier to read, and more intuitive to use. The only drawbacks are that it is currently unproven on a large scale in the real world. This library is of course open-source, so I welcome you to submit any improvements, suggestions, or bug reports using my contact form.

Very nice. Great looking lists! Found this link at CSS-Tricks

I've been searching for something like this!