Web Do's & Don'ts » Typography

Compose to a vertical rhythm

Bojan — Mon, 23 Aug 2010 07:51:47 +0000

Composing to a vertical rhythm using font size, line height and margin or padding and take your web typography to a new level. Vertical rhythm will help your reader down the page and increase readability.

Improve Your Web Typography

Bojan — Mon, 06 Jul 2009 13:18:44 +0000

Add to your websites quality by tackling aspects such as measure, leading, hanging quotes, vertical rhythm, widows and orphans, emphasis, scale and clean rags.

Improve the typographic contrast

Bojan — Fri, 29 May 2009 08:09:36 +0000

Ensure a good typographic contrast and direct the reader’s attention to the important segments. Remember to use good color contrast as well.

Don’t use the wrong dashes

Bojan — Wed, 27 May 2009 08:03:49 +0000

There are three dashes that are often misused in HTML. Remember to use the Hyphen, the En Dash and the Em Dash correctly.

Use proper markup on quotes

Bojan — Thu, 21 May 2009 01:44:51 +0000

Use semantic code for quoting text in HTML. In a nutshell: use the q element for inline quotes, the blockquote element (plus a paragraph) for quoting paragraphs, and the cite element for marking up external references.

Don’t use negative letter-spacing without good cause

Bojan — Tue, 12 May 2009 15:30:01 +0000

Use the letter-spacing property with great caution. Negative letter spacing can have a very negative effect on the legibility of the text.

Use Better Font Stacks

Bojan — Tue, 05 May 2009 16:09:47 +0000

Expand your font families with non web safe fonts to improve the typography on your website. Include popular fonts like Myriad into the sans-serif font stack. If the user does not have Myriad installed, he or she will simply see the next available sans-serif.