Mobile app version of vmapp.org
Login or Join
Gonzalez347

: Whatever site or resource you turn to, the two key terms you'll want to learn more about are body type and display type. In your case, the description is likely an example of body type

@Gonzalez347

Whatever site or resource you turn to, the two key terms you'll want to learn more about are body type and display type.

In your case, the description is likely an example of body type -- a consistent, easy-to-read design -- and the title probably calls for display type -- something designed to grab your attention first, like a big headline in a newspaper.

Check out typekit.com/libraries/full?tags=display. These are all fonts designed to scream at you. On a poster from 20 feet away, you'd notice them. But you wouldn't want to read a whole blog entry using these.

Now look at typekit.com/libraries/full?tags=paragraph. These are examples of body type. They're all clean and easy to read for longer stretches of text, but don't draw much attention for titles and headlines.

Just within the past year or two, there are more options than ever for using fonts on Web sites, like the @font -face property @yetanothercoder mentions in his comment or the Typekit site I mentioned above. Even one of their free accounts enables you to have dozens of typefaces embedded in your site. The user doesn't need to have any of these particular fonts installed -- a script in the head of your page calls to Typekit's server, retrieves it, and embeds it. You can even control these fonts with CSS.

Like most new Web toys, if you decide to use these options, you'll want to make sure you have some fallbacks for older browsers that don't support them. Basically, let the font-family rule cascade down to a font you're fairly sure everyone has, like "arial, helvetica".

That said, and without knowing the tone of what you're designing, a few examples of solid body fonts:


Georgia (pretty common, but handsome)
Minion Pro
Droid Serif (could also be used for display at large sizes)


And some nice display fonts:


Franklin Gothic Condensed (There are many, many versions of Franklin, with subtle flavors ranging from body to display. Depending on the need, you could design a whole site just using the Franklin family.)
FF Meta Web Pro
Urbana


Hope this is helpful. Have fun.

10% popularity Vote Up Vote Down


Login to follow query

More posts by @Gonzalez347

0 Comments

Sorted by latest first Latest Oldest Best

Back to top | Use Dark Theme