Are you a one font wonder? Contrary to what you may think, mixing fonts in web layouts can can help to increase usability, promote emphasis, and add some flair to an otherwise monotonous page.

The foundational YUI Fonts CSS file offers cross-browser typographical normalization and control. Fonts CSS: * Offers full A-grade browser support. * Provides consistent font sizing and line-height. * Provides appropriate cross-OS font-family degradation paths. * Supports user-driven font-size adjustment in the browser, including cross-browser consistency for adjusted sizes. * Works in both “Quirks Mode” and [...]

b++ Web typography: bottom margins of paragraphs and lists Creating the perfect vertical space on the screen is easy. With a few lines of CSS, you’ll have a great typography foundation for your web site. Let’s begin… Global line height is usually set to html or body element. In this quick lesson, we’ll use a [...]

“Space in typography is like time in music. It is infinitely divisible, but a few proportional intervals can be much more useful than a limitless choice of arbitrary quantities.” So says the typographer Robert Bringhurst, and just as regular use of time provides rhythm in music, so regular use of space provides rhythm in typography, [...]

Using css to display two double-quote images using one blockquote tag.

While many would say that you should underline hyperlinks (using text-decoration:underline;), we think otherwise. Instead of using the underline feature that is standard in hyperlinks, you should use a bottom border. The reason for this is from a readability standpoint. If you use the standard underline, the line will be cutting through the descenders of [...]

With very simple CSS coding, you can create ‘alert’ or message boxes within your paragraphs to highlight important information. This is particularly useful for tutorial sites and documentation. A quick and useful way of beautifying your content are alert boxes, which are becoming more and more common on the web. Alert boxes quickly highlight important [...]

With a method called SIFR, you can use flash to replace any text you want on a page with the font of your choice contained in a single swf file. This way your text validates and gets index in SEO but is whatever font and style you like! Works across all browsers too!

How to implement Facelift Image Replacement (or FLIR), an alternative to sIFR that does not require Flash.