In Tips Apr 12, 20105

Bold Typography At Its Best

When used correctly, bold type can help you grab lots of attention from a wide range of users. It is also one of the most overlooked web trends where the “less is more” train of thought can be put to use. When you have a large number of texts being displayed on your website, how do you plan on making important phrases, words, and headlines stand out? Six times out of ten the answer would be bold type.

Below we’ve managed to compile a few reasons why you should use bold type in your web designs.

They Create Contrast Between Other Text

spacer

One reason you should use bold type is because of the gracious amount of contrast it provides between headlines and regular content. Headlines always need to be separated from the rest of the text in order to stand out and/or quickly inform you of what you’re going to read. Some headlines will make or break an article, same goes for using bold type, some fonts should be made bold in order to grab attention.

For example, Arial is a beautiful and very common font, it’s often used for headlines, depending on the texts size you may need to make it bold in order for it to stand out. Otherwise, it wouldn’t be grabbing much attention. Please keep in mind that in some cases, by increasing the text size in px or em you may not have to make the font bold.

Bold Fonts Help You Emphasize

spacer

It’s also important that you remember to make certain text within a paragraph bold as well. When a person reads through content, they like to scan and skip through all the parts they believe to be boring. The text that stands out the most and jumps at them is what they’re more than likely going to focus on. This is why you need to choose the text you want to create emphasis with, carefully.

A lot of bloggers rather place an emphasis on text at the beginning and throughout the middle of every one or two paragraphs. This won’t ensure that every reader will take a deeper gander at most of your content, but it may increase the odds of a majority being read. You also have to make sure you don’t go on a bold type spree and make every little bit of text you can bold. Your content will be extremely hard to read and comprehend.

Bold Text In Web Design

Brynn Shepard

spacer

Carsonfied

spacer

Four24

spacer

This by Them

spacer

An Event Apart

spacer

Elysium Burns

spacer

Espira Designs

spacer

Love Freelancing

spacer

Monty Lounge

spacer

Sergio Noviello

spacer

Rockstar Media

spacer

Fortyseven Media

spacer

By The Pond

spacer

N. Design Studio

spacer

Boco

spacer

Commonly Used Bold Fonts

Arial

spacer

Verdana

spacer

Trebuchet MS

spacer

Helvetica

spacer

Georgia

spacer

Tahoma

spacer

Times New Roman

spacer

  • Pingback: Bold Typography At Its Best | TopRoundups

  • Pingback: Bold Typography At Its Best | Lively Design Tuts

  • Pingback: Bold Typography At Its Best | Lively Design Tuts

  • www.adriancrellin.co.uk IOM Design

    Some great examples of bold text used very well here. I also like the short list of commonly used bold fonts. I’m think of a bit of a re-design of my personal site and some of these examples have given me inspiration.

    Thanks.

  • Pingback: Drinking From The Firehose – Design Inspiration April 2010

Recent Articles

  • 6 CSS Mistakes Web Designers and Developers Make
  • 5 ways to keep your web design simple
  • Weekly News Roundup – 22 February 2013
  • Let’s take a look at Adobe Edge Reflow
  • 10 Web Design Cheat Sheets You Can’t Live Without

Tags

Answers apps browser brushes code color css css3 design designer design news developer flash fonts framework Freebies graphic design html html5 icon illustration Illustrator Inspiration javascript jquery mac navigation photography photoshop photoshop tutorials php textures Tips tools tutorial Tutorials twitter typography usability user interface web web design web forms wordpress wordpress theme

More Useful Stuff

gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.