Typography Archive


That’s Arial Hot Shot: 5 Tricks for Spotting Helvetica in the Wild


So you think you’re a pro at spotting typefaces eh? You’re a real type lover with at least one clever t-shirt dedicated to the cause of teaching the world to kern. You’ve seen the Helvetica documentary eight times and you love to walk around a crowded city with a superior smirk on your face, pointing out all the instances of Helvetica that you see.

The big problem with this, aside from the fact that you seem a little full of yourself, is that Helvetica can actually be pretty tricky to identify if you haven’t done your homework. I’m willing to bet that you’ve even pointed at Arial (gasp!) a time or two and boldly proclaimed it to be Helvetica! Save yourself the embarrassment and learn some great tricks for spotting the most ubiquitous font on the planet.

March 8th, 2012 Posted in Typography

Pick the Right Typefaces for Your Project


Sometimes the most daunting part of a new project can be the brainstorming phase. Thinking of color schemes and font selections can be inspiring in your head, but really tough when you start mixing and matching elements on paper or for your website.

Understanding some of the history of fonts and typography can help make any project a little easier. Learn how to pair different typefaces to get desired effect every time and learn what things to avoid. Sharp typography and font selections can really make or break just about any project.

January 26th, 2012 Posted in Typography

Typography With Perspective: Learn to Wield Illustrator’s Perspective Grid Tool


Today we’re going to take a look at how to use the Perspective Grid in Adobe Illustrator. This awesome and fairly new tool allows you to automatically flow vector elements onto a prebuilt three dimensional grid.

You might think that you need to be an artist to use this tool but there are in fact all kinds of practical uses for it in every day design. We’ll use it to lay out some type like in the example above.

January 4th, 2012 Posted in Typography

60 Absolutely Stunning Typography Projects

One of the best ways to get pure, unadulterated design inspiration is to look at a great collection of typographical art. The techniques, craftsmanship and gamut of visual styles is always enough to kick in the creative side of your brain and lead you to some incredible new ideas.

Today we’ve got sixty mind-blowing examples typographical art handpicked from Behance. In this post you’ll find branding concepts, free fonts, handcrafted goods and more.

December 30th, 2011 Posted in Typography

Typography 101: Understanding the Anatomy of a Letter


Every designer, whether you’re in print or web, should possess a basic understanding of fonts and type. Using the right typeface and understanding how a font will impact your design can add that extra pop to print and digital projects and will set them apart from all others.

One important area to understand is the anatomy of type. Ascenders, descenders and serifs may sound like words from another language but are the basis for understanding the style of a typeface and how if relates to your project. Today we’ll take a brief run through of some terminology that you should know.

December 7th, 2011 Posted in Typography
Script Tips: 50 Examples of Script Headlines and Logos

Script Tips: 50 Examples of Script Headlines and Logos

Today we’re going to talk about script fonts. We’ll examine how they’re commonly used on the web, offer up some tips for incorporating them into your own designs and see fifty sites that use scripts in a big way.

We’ll also take a close look at one of the most commonly used scripts on the web today, can you guess what it is?

September 6th, 2011 Posted in Typography
Kerning Live Web Type With jQuery and Lettering.js

Kerning Live Web Type With jQuery and Lettering.js

Yesterday we published an article outlining Eight Simple and Useful Tips for Kerning Type. This mostly focused on the basics of kerning: what it is, how it works, letter pairs to keep an eye on, etc.

Today we’re following that up with a discussion on how to use Lettering.js to kern your web type. Don’t worry, it’s much easier than you think!

September 1st, 2011 Posted in Typography
8 Simple and Useful Tips for Kerning Type

8 Simple and Useful Tips for Kerning Type


Kerning is fun! All right, unless you’re a serious type nerd like me, that’s definitely not going to be a true statement. However, it is an absolutely essential part of your typographical education and implementation.

If you’ve been ignoring kerning or simply aren’t sure how to do it properly, take a look at these eight quick tips and get started on the road to becoming a kerning master.

August 31st, 2011 Posted in Typography
5 More Typography Do’s and Don’ts Everyone Should Know

5 More Typography Do’s and Don’ts Everyone Should Know

Yesterday we brought you part one of our ten do’s and don’t for working with typography. Today we’ll wrap up with five more!

Read on to see if you’re guilty of any of the following blunders and how to make sure you never do it again.

August 17th, 2011 Posted in Typography
5 Typography Do’s and Don’ts Everyone Should Know

5 Typography Do’s and Don’ts Everyone Should Know

So you love typography, who doesn’t these days? The question is, how sloppy are you when it comes to implementing type in your designs?

Today we’re dishing up some great and simple typography tips that everyone who works with type should know. Whether you’re an expert or a beginner, read on to see if you’re guilty of any of these pitfalls.

August 16th, 2011 Posted in Typography