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

Design

Boonsuen Oh
Boonsuen Oh
18,788 Points

Fonts? Typefaces?

What is font and typeface? Are they the same thing?

1 Answer

Grace Kelly
Grace Kelly
33,990 Points

Nowadays these terms can be used interchangeably however if you want to be really nitpicky, fonts and typefaces breakdown into the following:

Font: A collection of characters. This harks back to around the 15th century when printing presses used metal blocks with each individual character printed on them.

Typeface: A collection of fonts. A typeface can also be called a font family. An example of a typeface is Helvetica which has a bunch of different fonts!!

Hope that helps!!

Boonsuen Oh
Boonsuen Oh
18,788 Points

Typeface: So typefaces are just refer to 'a collection of font family, Helvetica, Arial', and fonts will be used when ????

Font: How the characters look like will be the font? Helvetica Light and Helvetica Bold look different so they are different font?

Your answer is really that great and easy to understand, Thank you. I think I got the idea. :)

Grace Kelly
Grace Kelly
33,990 Points

Exactly!! Helvetica Light and Helvetica Bold are different fonts with different character appearances, but they both belong to the same typeface which is Helvetica. Glad I could help :)