Typography - Getting The Hang Of Typography

Why does this work so effortlessly? Several factors are at play here. First, when using different fonts from the same typeface, ...

In the example on the left, the heading and body copy bleed together into an unsightly blob of text. Use the squint method menti ...

Guide to CSS Font Stacks: Techniques and Resources Cameron Chapman CSS Font stacks are one of those things that elude a lot of d ...

having more than one font for any of those, but try to keep your font stack reasonably short (six to ten fonts is a pretty good ...

Baskerville, ̒Times New Roman̓, Times, serif Garamond, ̒Hoefler Text̓, ̒Times New Roman̓, Times, serif Geneva, ̒Lucida Sans̓, ̒ ...

8 Definitive Web Font Stacks This article from Sitepoint written by Michael Tuck lists eight font stacks that are supposed to be ...

The Helvetica/Arial-based sans serif stack: Frutiger, ̒Frutiger Linotype̓, Univers, Calibri, ̒Gill Sans̓, ̒Gill Sans MT̓, ̒Myri ...

The ̒wide̓ serif stack: Georgia, Utopia, Palatino, ̒Palatino Linotype̓, serif The narrow̓ serif stack: ̒Times New Roman̓, Times, ...

Complete Guide to Pre-Installed Fonts in Linux, Mac and Windows Here՚s another chart that shows the fonts commonly installed on ...

Typetester Typetester lets you try out up to three fonts side-by-side. This can be a great way to test font stacks to see what t ...

New Typographic Possibilities with CSS 3 Inayaili de León There has been an increasing and sincere interest in typography on the ...

1 .post h 2 { (^2) font-weight: bold; (^3) color: red; 4 } This is just a quick reminder that there is no need to add classes to ...

You could also be very specific about the weight of your fonts, instead of using the common regular and bold properties. CSS all ...

nowrap white-space-collapsing: collapse/text-wrap: none pre-wrap white-space-collapsing: preserve/text-wrap: normal pre-line whi ...

Word Wrap One property that is already well used is word-wrap. It supports one of two values: normal and break-word. If you set ...

Word And Letter Spacing Two other proper ties that are often used are word-spacing and letter- spacing. You can use them to cont ...

So, if you՚d like help out, why not give it a read (it՚s not that long), and see how you can contribute? Indentation And Hanging ...

So, the theory is that you should apply a small indentation to every text paragraph after the first one. You can easily do this ...

Web Fonts And Font Decoration font-face Much talk has been made on the web about font-face and whether it՚s a good thing—especia ...

The font-face property is fairly straightforward to grasp and use. Upload the font you want to use to your Web site (make sure t ...