× Terms of Use Privacy Policy

Take me back!! I want my CSS!! Click me to get back :)

×

READY FOR A NEW CAREER?

But not sure where to start? Find out if a tech career is right for you.

TAKE THE 3-MINUTE QUIZ

Types of Typefaces

Fonts belong in a few different categories, and each has its own role on the web.

term-typefacecategories-small

Ever since the ancient Sumerians scratched their first symbols into clay tablets way back in 3000 BCE, typeface designers have been hard at work perfecting the letterform.

Over the subsequent 5,000 years, the design community has rallied around roughly five main typeface classifications. Those five categories of fonts are serif, sans serif, display, script and symbol.

Each category has its own strengths and weaknesses; some are better for headlines, some are a little more fun, others are better for 800 pages of text.

Serif

Serif typefaces are defined by their “feet,” which are yes, technically called feet. They’re the little lines that poke out at the edges of letters.

term-typefacecategories-serifSerifs are super easy to read because those little feet create a subtle visual connection between the letters. This readability makes them great for paragraphs of text – you’ll see them on everything from blogs to newspapers to ebooks.

Slab serif typefaces, which have thick blocky serifs, are super popular right now.

Sans Serif

Sans Serif typefaces are like Serif typefaces minus the feet (sans means without).

term-typefacecategories-sansserifSans Serifs are usually clean and geometric, which makes them easiest to read when they are either really LARGE or really small. You will see sans serifs often used for headlines, captions, and short descriptive texts.

Display

Display typefaces have A LOT of personality.

term-typefacecategories-displayWe are talking about the kind of typeface that is always dressed up in western gear or techy robot suits. Display typefaces are best used when you need a little bit of flair in your design.

You wouldn’t want to read a paragraph set in a Wild West typeface, but they’re great as attention-getter headlines.

Script

When you are looking for a fancy font with a lot of style a Script typeface is your lady.

term-typefacecategories-scriptThese typefaces have lots of swoops and curls and sometimes even look handwritten. Script typefaces look awesome for logos, large headlines, and for little details to give something a nice handmade touch.

Symbols & Dingbats

Sometimes a picture can say a thousand words. That’s when you cue up a Symbol or Dingbat typeface.

term-typefacecategories-symbolsWho wants to write out love when a ♥ says it all?

Now try this!
  1. Take a look at all that type on skillcrush.com
  2. What is the one style of typeface we aren’t using?
  3. The answer: Display is the only style of typeface we are not using on Skillcrush.
    Our headlines are Sans Serif, our body text is Serif, our handwritten notes and logo are Script, and our little arrows (→) are Symbols!

Your email address will not be published.

4 comments

  1. Stephen Halker Replied

    But…. the body text is sans serif. Did that change in since this post was written?

    • Kelli Replied

      Good eye, Stephen! You’re right — We’ve since re-designed the site so the body text is now sans serif. Thanks for the heads-up!

  2. irbaonecci Replied

    Finally some suggestions about the right font using! Thanks!

Want more articles like this?

Sign up to get the most recent tech news, tips and career advice.