Posts Tagged ‘Typography’

In the first part of this series, we discussed some fundamental concepts pertaining to CSS typography. Now we are going to cover some excellent techniques, tips, tricks and best practices for dealing with typography on websites.

This is the second part of a three-part series of guides on CSS typography that will cover everything from basic syntax to best practices and tools related to CSS typography. [read]


Typography on the web is anything but simple, and for many, it is a troubling mystery. Today, we’re going to review six ways that web designers and developers can improve the typography of the sites they create.


Typography is the art of designing letters, words, paragraphs, and how they interact with each other. Many designers and developers often equate typography with choosing a font or typeface, while others simply forget that 95% of web design is typography and tend to forget about it. Clearly, if typography is really 95% of web design, it should be at the forefront of the mind of every designer and developer. Here are Six Ways To Improve Your Web Typography. [read]

Type tells a story

Posted: January 19, 2010 in Business, Design, Marketing
Tags: , ,

Seth Godin – If you send me a flyer with dated, cheesy or overused type, it’s like showing up in a leisure suit for a first date. If your website looks like Geocities or some scammy info marketer, I won’t even stay long enough to read it. [read]

typemain Consumers view products by its form, color and most specially by its packaging.  With so many products trying to vie attention to catch the consumer’s eye while in the supermarkets or shops.  One element used by designers is the play on fonts and the emphasis is given on typography.  The kind of typography here that we will be showcasing can be described aptly as display typography, it is a potent element in graphic design, where there is less concern for readability and more potential for using type in an artistic manner. Type is combined with negative space, graphic elements and pictures, forming relationships and dialog between words and images.

Color and size of type elements are much more prevalent than in text typography. Most display typography exploits type at larger sizes, where the details of letter design are magnified. Color is used for its emotional effect in conveying the tone and nature of subject matter. [read]

If you are a Mac based designer here’s a great little short-cut for you.  In fact, it shouldn’t be a short-cut, it should be a part of your everyday work-flow.

When working with type don’t attempt to manually create an Umlaut, Acute or Degree symbol.  And for heaven’s sake, don’t go looking at some strange font to help you solve the problem.  There are short-cut commands to help you with that.

Accent Codes for the Macintosh

Enjoy: Joe Randeen (3 Penguins Design)