Put simply, typography is the use of fonts to effectively communicate with a reader. Typography is meant to encourage the reader to keep reading because the site is interesting and has a nice unique touch to it. In the web design industry, unique is what we want! As content has become more important for websites than images, videos, and catchy flash animations, we have become more aware of typography. If the readers are here for content, then move your creativity from graphic design to typography design. It will attract your readers and make your site much more interesting to read.

Typography includes:

  • Font Size

  • Font Style

  • Font Color

  • Layout

The size is most commonly used as emphasis to grab the reader’s attention immediately. The style is what gives the font that creative touch. Colors give it an extra bump in creativity, but on some websites, the color is used as the primary form of design. The layout, however, is key to every website. Should those words be centered? Where do they truly belong? The layout of the page has always been a concern for designers, but it’s also a concern for typography.

Each website should bring something new to the table, but developing and using a font that hasn’t been done isn’t exactly simple; however, the way you use the font is what will truly stand out.

How to Use Typography

Typography can be used to attract and guide readers, personalize with them, and give your site a unique touch. But how do you choose the right design? Your website’s font should be:

  • Consistent – Make your fonts consistent throughout the page and site. If you like to use many colors to give off a positive and fun feel to the site, don’t switch to black and white on the next page. Also make sure when your typography changes that it changes fluently. Consistency is arguably the most important part of typography.

  • Creative and Different – Making your typography different can be a difficult challenge, but once you find that perfect font, you’re set. Give it a creative feel that flows with the website, pictures, and overall design of the website.

  • Clear – Many designers come up with amazing typographies for their websites, but then the font itself is next to impossible to read. Find the middle-ground between aesthetics and readability. Readability includes reading the word itself, but also the placement of the letters and words.

  • Laid Out – Your typography’s layout on the website has a huge impact on the reader. The layout can guide them where you want, but it can also make it more appealing.

Typography Inspirations

Prepare yourself for some truly amazing typography examples. These websites have each been recognized in the web design community for their typography and general web design strategies:

Cirq

Typography and its uses

Cirq uses a unique paper-reading type of feel that flows nicely. The typography throughout the site is unique and flows flawlessly.

Banger’s 

Typography and its uses

Banger’s throws you into a flashback design with typography that complements it. The typography reminds me of reading a super creative restaurant menu.

Tokiolab

Typography and its uses

Tokiolab is possibly the best example of typography because, as you probably noticed, they have no images. For that matter, it doesn’t have much text either, but it is very catchy. The only design aspect of this website is the typography, which is simple but effective. The use of sizes and placement of words throughout the website gives it an exceptionally unique style.

G’Nosh

Typography and its uses

G’Nosh is a website all about food recipes…specifically gourmet dips. G’Nosh’s website grabbed that table-painting feel and put it to good use. For some niches, this would look ridiculous, but for theirs it fits in just perfectly.

Conclusion

To some web designers, typography is just a tiny piece of web design that doesn’t truly change the vibe of the website. Imagine any of those examples with a different font-type, such as the over-used Helvetica, Futura, Garamond, or Frutiger. The website would change drastically, and likely lose that unique fun feel that they strived for. Typography is used to grab a reader’s attention and guide them throughout the website. Size and color are generally used to emphasize importance on a page, while the style and shape of the individual letters tend to set the overall mood of the site. Finally, typography doesn’t have to be used with a boat-load of graphics and images. In fact, if you choose and lay out an awesome typography, you don’t even need the graphics!

Author BioAuthor bio: Ryan Gavin is an associate of Ignition72, a corporate web design company based in Baltimore, MD. Ryan loves finding new websites with great designs and other designers that do their job well and love it. He feels that without a web designer, a website is rarely successful.