view Project

10 Typefaces Every Designer Should Have To Build Awesome Projects

example of how to use typography shown in a book

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

As I started my journey as a designer, I did find that typography was one of the hardest fundamentals for me to master and get a hand on, and every time I did choose a type - it felt empty to me

I was guilty of having every font under the sun. After a year of design experience, I started to understand this — it is best to master a few typefaces.

Avoid Free Fonts

The key is to avoid free fonts at all costs as in starting stage of a design career, it’s often hard to tell if the font is poorly designed or not. You don’t want to pick a poorly designed font for your client.

If budget is an issue, the only place you go for free fonts is Google Fonts.

Another reason I tell you to avoid them is, that most of them are used everywhere so there is no unique visual differentiation the project may start feeling generic.

Fonts like Lato, Inter, Poppins, etc. are some of the very common ones you can find on the Internet.

  • Notion uses Inter, Hell I too use inter on my website — See.
  • Slack uses Lato.
  • Most newsletter publications prefer Lato for its readability of long-form content.
  • Poppins is the most generic font out there used too much that whenever you spot it, you can tell.
  • These generic fantastic fonts should only be used for body copy content as they are functional and easy to read — The exception to the rule.

Now, for the juicy stuff that you are waiting for — This list does include free fonts and the exception to the rule fonts that I will use for the body copy in my projects as they are functional and very readable for long-form content.

This list does not feature typefaces in any particular order.

10 Must-Have Typefaces

  1. Adobe Garamond Pro
  2. Times New Roman
  3. Baskerville
  4. Helvetica Neue
  5. Bauer Bodoni
  6. Didot
  7. Clarendon
  8. Futura
  9. Frutiger
  10. Univers

Adobe Garamond Pro alphabets in small case
Adobe Garamond Pro

Bakerville typeface sample text in yellow color over white bacckground
Baskerville

Neue Helvetica typeface sample text of white color on orange background
Neue Helvetica

Bauer Bodoni typeface sample text of white color
Bauer Bodoni

Didot typeface sample text on dark blue background
Didot

Clarendon typeface sample text of white color on background image of toolkit hang on door
Clarendon

futura typeface sample text written in a white color on red background at an angle of anticlock 270 degree
Futura

Neue Frutiger sample text written of white color and orange background
Frutiger

Univers typeface written in multiple weight like light condensed, condensed, bold condensed, light, roman, bold, black, extra black, extended, bold extended, black extended, extra black extended on dark grey background in left page of a book. Right page of book shows 4 different font size of roman weight univers.
Univers

Have a Project or Need Help?

Minute Creative is a team of webflow experts and would love to work with you.

Reach out to us with your project or idea!

Book a call w/ Harsh (Founder @ Minute Creative)

Want To Build a Kickass SaaS Webflow Site?

Book a Call

Tell Us About Your Requirements

Drop an enquiry below and we will get back to you within 24 hours!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.