Technical Web Typography: Guidelines and Techniques

0


Creative and Technical Typography

I’m not sure these two categories are recognized in the industry but, in my mind, the two main types of typography are creative and technical.

Creative typography involves making design decisions such as which face to use, what mood the type should create, how it should be set, what tone it should have — for example, should it be airy, spacious and open (light) or condensed, bold and tight, with less white space (dark)? These decisions must be made on a per-project basis. You probably wouldn’t use the same font on a girl’s party invitation and an obituary. For me, this is creative typography: it is design-related and changes according to its application.

Technical typography is like type theory; certain rules and practices apply to party invitations just as well as they do to obituaries. These are little rules that always hold, are proven to work and are independent of design. The good news is that, because they are rules, even the most design-challenged people can make use of them and instantly raise the quality of their text from bog-standard to bang-tidy.

We’ll focus on technical type in this article. We’ll discuss the intricacies and nuances of a small set of rules while learning the code to create them.

Fair warning: this is an in-depth article. It requires some basic CSS knowledge. If you’d rather learn a little at a time, use the links above to jump from section to section.

If any of the code examples seem out of context or confusing, then here is the final piece that we’re going to create (merely for your reference).
11 Technical Web Typography: Guidelines and Techniques
view article


pixel Technical Web Typography: Guidelines and Techniques
 Technical Web Typography: Guidelines and Techniques Raj

We covers wide range of design news including web design , logo design , web development, graphic resources etc.If you would like to be kept up to date with our design news and resources, you can follow us on Twitter, Facebook, Google+, or even by subscribing to our RSS Feed.

You may subscribe to my RSS Feed,or if you wanna receive more Freebies and news from DesignTreasure subscribe here!

Enter your email address:

© 2011 Design Treasure. All rights reserved.
.