Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


12,045 Points

Choosing Typography For Web Design

I've done the Typography course in teamtreehouse, however, i'm still not sure how to decide what font to use for a webpage ( one that suits the content and bring out its character ). Is there a set of guideline i can folllow when choosing font for the web?

2 Answers

Francesco Belvedere
Francesco Belvedere
15,206 Points

Zoltan is correct. Choosing a font takes into consideration a lot of factors but mainly what the page is intended for and the style and feel you are going for.

I would also say that learning how to choose fonts also boils down to experience and practice. Choose some font foundries online and start familiarizing yourself with different typefaces. Some typefaces are specifically made for screen use and others specifically for printing. You need to know the difference.

Read some books on typography as well to learn the history and methods of production behind each typeface. Look at other print designs, magazines and websites for inspiration.

Most of all be curious and have fun with type. Its a big world and takes a lot to explore and learn its history and nuances.

Some of my favorites resources are: • Letter Fountain (book) http://www.amazon.com/Letter-Fountain-Joep-Pohlen/dp/3836525097 • The Elements of Typographic Style (book) http://www.amazon.com/Elements-Typographic-Style-Version-Anniversary/dp/0881792128/ref=sr_1_1?s=books&ie=UTF8&qid=1430872472&sr=1-1&keywords=the+elements+of+typographic+style • On How to Choose a Typeface (PDF book) http://classic.fontshop.com/education/pdf/type_selection.pdf

Some foundry resources: • Erik Spiekermann's FontShop https://www.fontshop.com • Typekit https://typekit.com/ • Google Font https://www.google.com/fonts

Good luck.

Zoltán Holik
Zoltán Holik
3,401 Points

It depends on where you use the font (What kind of webpage), and it depends on the actually web font trends. But the key is readability.

  • A business like webpage ( Arial, Helvetica, Garamond)
  • A luxury like webpage (Vanity)
  • Or a modern look webpage (Open sans, Roboto, Lato)