fbpx

My top ten free fonts for web projects

Sign Up for My Newsletter

Let’s Talk Fonts. 

I love fonts. It’s easy to spend hours pouring through various font libraries looking for the perfect font for your project. Unfortunately, that’s not a great use of time. With that in mind, I’ve put together a list of my 10 favorite Google Fonts to hopefully save you time. And since they are google fonts, they are also FREE. 🙌🏻

For every new project, I start with this list and it almost always delivers for me. 

One note before giving you the list, though — You’ll notice the glaring omission of popular fonts such as Montserrat, Raleway, Roboto, and Open Sans. I intentionally choose to not add these fonts to the list because they are coming quite close to being over-used. Being popular doesn’t mean you shouldn’t use them but I wouldn’t be doing you any favors by telling you about fonts you probably already are aware of. Plus, I think finding unique fonts will allow you to stand out more as a designer. 

Onto the list…

  1. Poppins (sans serif) – Poppins is becoming one of my new favorites. It’s quite versatile and has a really nice geometric touch to it. It’s still somewhat obscure so it feels unique and fresh even though it’s been in existence since 2009.
     
  2. Source Sans Pro (sans serif) – This font was created by Adobe and is one of the most versatile fonts out there. It falls in the safe but not insanely overused category.
     
  3. Crimson (serif) – There’s something about a really great looking serif font that gets me overly excited. Crimson definitely falls into that category. It resembles some old style typefaces and I’m a big fan of that. It also pairs really well with Source Sans Pro.
     
  4. Quicksand (sans serif) – If you’re looking for a font that will look nice on a tech website, look no further than Quicksand. It has the classic round & geometric features that you look for when designing a site in the tech industry.
     
  5. Archivo (sans serif) – For those of you who are having a hard time letting go of Roboto, you may like Archivo (plus, they rhyme). It is a grotesque sans serif typeface that can be used in many types of designs. Note: it looks really great as an over-sized display font.
     
  6. Prata (serif) – Remember what I said about how I feel when I find a great looking serif font? This one is no exception and I probably don’t use it often enough in my designs. It’s got a super unique flair thanks to it’s teardrop terminals and yet is very elegant at the same time.
     
  7. Nunito (sans serif) – This is another rounded typeface that has some similar features to Quicksand (mentioned above). It comes in quite a few weights, which can be quite helpful. Be sure to check out Nunito Sans as well when looking at this font.
     
  8. IBM Plex (sans serif, serif option as well) –  Plex was designed to capture IBM’s spirit and history, and to illustrate the unique relationship between mankind and machine—a principal theme for IBM since the turn of the century. The result is a neutral, yet friendly Grotesque style typeface.
     
  9. Rubik (sans serif) – This is a stout font that comes in 10 different styles. I’ll admit that it’s not the most versatile of fonts but when you can use it, you’ll love it. One thing I love about this font is it’s slightly rounded corners. Coincidentally, it can be a great font for logos as well.
     
  10. Playfair Display (serif) – This isn’t a great option for body copy, but it’s a popular and safe font to use for your headlines. If you’re looking for a serif font to use for your headlines but aren’t sure if your other options look good, this is a safe bet. Note: Try it in all-caps for a bit of a modern touch. 

Did I miss any? What are your favorite fonts? If you happen to use any of these fonts, please take a screenshot and send it to me. I’d love to see how you use them! 

Also, if you haven’t checked out it yet, you may want to check out my FREE E-COURSE where I give you some helpful tips with regards to typography. You can sign up for that here. https://boostyourdesigns.com/free-e-course-sign-up/

Share this post with your friends

Share on facebook
Share on twitter
Share on linkedin
Share on email

Leave a Reply

Your email address will not be published. Required fields are marked *

gradient-circle-01

Boost Your Designs

Get My Free E-Course

Learn some web design secrets that most web designers aren’t using to make your designs really stand out!