Elegant Themes Blog

Stay up to date with our most recent news and updates

The 41 Best Free Web Fonts for 2015

Posted on January 26, 2015 by in Resources | 44 comments

The 41 Best Free Web Fonts for 2015

A few simple decisions concerning your WordPress site’s typography can affect your design in a big way. Just change all of your headlines to comic sans if you need to see proof! Or, if you’d like to take things in the opposite direction–which I highly recommend–you could browse the fonts below and choose a few to update your WordPress site’s look and feel in 2015.

A Few Quick Tips on Font Pairing

When looking to update the typography of your website, it’s a good idea to consider how different fonts work together.

Here are a few tips to get you started:

  • Keep it simple–don’t use too many fonts all at once.
  • Keep it readable.
  • Think in opposites–pair a serif with a sans serif or bold with thin.
  • Or, keep it in the family–use different weights and styles of fonts in the same family.
  • Try to match the mood of your content.
  • Experiment and keep what works.
  • (For Google Fonts you can also use their free Pairings tool)

And a few resources to keep you going:

The 41 Best Free Web Fonts for 2015

I’ve chosen the fonts below based on my personal taste and put them in no particular order. There are a massive amount of free fonts out there so don’t let me dictate which ones are the best for you. The links above should provide a great place to branch out into more options if my list below does not satisfy your free web font needs.

1. Open Sans

Google-Fonts-Open-Sans

Designed as a good neutral type face Open Sans is very friendly and readable. Good for titles, headlines, or body text.

Get the Font

2. Playfair Display

Google-Fonts-Playfair-Display

Playfair is influenced by the transition of late 18th century writing/printing technology; when quills were replaced by pointed steel pens. It’s also influenced by typefacer John Baskerville and William Martin’s typeface for the “Boydell Shakspeare”. It’s great for titles and headlines.

Get the Font

3. Josefin Slab

Google-Fonts-Josefin-Slab

Josenfin Slab takes its inspiration from 1930’s trends in geometric typefaces. It’s a good all around font for titles, headlines, and body text.

Get the Font

4. Arvo

Google-Fonts-Arvo

Arvo is another geometric typeface. It’s intended to be a “mixed” type good for multiple purposes. It can be used for titles, headlines, and body text.

Get the Font

5. Lato

Google-Fonts-Lato

Lato was specifically designed for corporate use. It has a professional look that lends itself well to use in various sizes.

Get the Font

6. Vollkorn

Google-Fonts-Vollkorn

Vollkorn is a font designed with its German heritage in mind. It is a simple yet quite utilitarian font that works well for many things. Can be used for titles, headlines, and body text equally well.

Get the Font

7. Abril  Fatface

Google-Fonts-Abril-Fatface

Abril Fatface is meant to be a revamp of classic Didone styles. In particular 19th century British and French advertising posters. This font is probably best for titles and headlines.

Get the Font

8. Ubuntu

Google-Fonts-Ubuntu

Ubuntu is meant to be a general purpose font. Good for titles, headlines, and body text alike.

Get the Font

9. PT Sans

Google-Fonts-PT-Sans

PT Sans is part of a project called “Public Types of Russian Federation” meant to make displaying text in multiple languages uniform. This font is good for multiple purposes.

Get the Font

10. Old Standard TT

Google-Fonts-Old-Standard-TT

Old Standard TT is a serif typeface meant to be reminiscent of body text in old books. It is well suited for article writing.

Get the Font

11. Droid Sans

Google-Fonts-Droid-Sans

Droid Sans is a friendly, open, and multi-purpose font meant to be readable across various web devices, on the web page, and in web menus.

Get the Font

12. Anivers

Anivers-Font-Squirrel

Anivers is a flexible font that is best suited for titles, names, headlines, and logos.

Get the Font

13. FFF TUSJ

FFF-Tusj-Font-Squirrel

This font is a handwritten version of Georgia. It works best as a title or logo in very large letters.

Get the Font

14. Roboto

Roboto-Font-Squirrel

Roboto is mean to be a marriage between geometric shapes and friendly curves. It creates a natural reading rhythm and works well as title, headline, or body type.

Get the Font

15. Pacifico

Pacifico-Font-Squirrel

Pacifico is a script font best suited to titles and logos.

Get the Font

16. Amatic

Amatic-Font-Squirrel

Amatic is a handdrawn font best used for titles and logos.

Get the Font

17. Seaside Resort

SeasideResort-Font-Squirrel

Seaside Resort is a classy throwback font best used for titles and logos on retro themed projects.

Get the Font

18. Fertigo Pro

Fertigo-Pro-Font-Squirrel

Fertigo Pro is a classical sans serif font that is probably best used for decorative purposes.

Get the Font

19. Aller

Aller-Font-Squirrel

Aller is a clean sans serif font that’s readable in almost any size, but perhaps still best suited for titles and headings. Though it will work just fine as a body text too if you like it.

Get the Font

20. Audimat

AUdimat-Font-Squirrel

Audimat has a sort of techy look to it that feels more contemporary than many of the other fonts on this list. If the project calls for it then it can work well for both headings and body text.

Get the Font

21. Delicious

Delicious-Font-Squirrel

Delicious is a beautiful and simple font that looks good as a display font or body text.

Get the Font

22. Fontin

Fontin-Font-Squirrel

Fontin is designed to be used at small sizes, making it a great body text font.

Get the Font

23. Code

Code-Font-Squirrel

Code is a bold font that works best as a display, title, or ad font.

Get the Font

24. Source Sans Pro

Source-Sans-Pro-Font-Squirrel

Source Sans Pro was designed primarily with user interfaces in mind. This will make a great menu font but can also be used for other things such as body text.

Get the Font

25. Cabin

Cabin-Font-Squirrel

Cabin is a san serif font well suited to headings and body text.

Get the Font

26. League Spartan

League-Spartan-League-of-Moveable-Type

League Spartan is a single weight sans serif font that works for titles, headings, and even body text.

Get the Font

27. Junction

Junction-League-of-Moveable-Type

Junction is a sans serif font that works great for titles, headings, and logos. It has a decent reading experience too if you want it to be a body font.

Get the Font

28. Ostrich Sans

Ostrich-Sans-League-of-Moveable-Type

Ostrich Sans is a modern sans serif font that’s great for titles, logos, and headlines.

Get the Font

29. League Gothic

League-Gothic-League-of-Moveable-Type

League Gothic is a new take on a classic typeface: Alternate Gothic #1; which was created in 1903. This font is probably best used for titles, subtitles, and headings.

Get the Font

30. Blackout

Blackout-League-of-Moveable-Type

Blackout is a contemporary font inspired by filling in san serif newspaper headlines. This font is best for titles, headlines, and logos.

Get the Font

31. Knewave

Knewave-League-of-Moveable-Type

Knewave is a bold contemporary font that drips with style. It’s best for logos, headlines, and titles.

Get the Font

32. Fanwood

Fanwood-League-of-Moveable-Type

Fanwood is meant to increase readability. It’s probably best used as a body text but can also work for titles and headlines.

Get the Font

33. Linden Hill

Linden-Hill-League-of-Moveable-Type

Linden Hill is a beautiful font that works for titles, headlines, and body text.

Get the Font

34. League Script Number One

League-Script-Number-One-League-of-Moveable-Type

League Script Number One is a lovely script type that is probably best used within logos or ads.

Get the Font

35. Raleway

Raleway-League-of-Moveable-Type

Raleway is an elegant and thin san serif font that is probably best used for titles, subtitles, and headlines.

Get the Font

36. Prociono

Prociono-League-of-Moveable-Type

Prociono is a very readable font capable of serving multiple purposes. It can be a title, headline, or body text.

Get the Font

37. Orbitron

Orbitron-League-of-Moveable-Type

Orbitron is a geometric san serif font best used for display purposes. That means titles, subtitles, and headlines.

Get the Font

38. Goudy Bookletter 1911

Goudy-Bookletter-1911-League-of-Moveable-Type

Goudy Bookletter 1911 is another great multipurpose font that works equally well for titles, headlines, and body text.

Get the Font

39. Sorts Mill Goudy

Sorts-Mill-Goudy-League-of-Moveable-Type

Similarly to the Goudy text above, Sorts Mill Goudy is another very readable multipurpose font. It works equally well for

Get the Font

40. Chunk

Chunk-League-of-Moveable-Type

Chunk is an ultra-bold slab serif font that recalls old western posters. It’s best used for display purposes as a title, subtitle, or logo.

Get the Font

41. Sniglet

Sniglet-League-of-Moveable-Type

Sniglet is a rounded sans serif font that is best used for titles, logos, and headlines.

Get the Font

In Conclusion

As you can see, there are a ton of great free web fonts available for use. Most of the work is in finding them!

If this list above was not enough for you, I would recommend checking out Google Fonts and Font Squirrel for more.

There are other resources out there but these two seem to be the largest and most referenced. If you have another that you prefer, please share it with the community in the comments below.

Thumbnail image via Alextanya / shutterstock.com

download divi

44 Comments

  1. I am SO glad I went for the designer subscription, my clients LOVE your themes and your blog posts alone make it worth it. Thank you!

    And yes, I plan on redesigning my business site with Divi2.0 once I have some time 🙂

  2. how does one make use of these on a website?

    • Search for a plugin called ‘WP Google Font’.

      • I do not believe that these are all Google fonts, and I am using Divi theme – so perhaps my question should have been “How do I use these named fonts in Divi”?

        • My mistake, sorry about that.

        • I second the question!

          • I third this. How do we actually add these fonts, from this post, into the Divi theme?

    • I’ve not tried calling a google font through wordpress, i tend to code my HTML and CSS by hand.

      But for those of you interested in the bones of pulling your own fonts – in this case, google fonts (other free font foundries will have their own ways of calling their fonts and you will have to do your own detective work to figure this out) – into your wordpress build, i recommend a thorough – and i mean THOROUGH – reading and understanding of this web post.

      http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/

      Personally i would opt for the second or third methods – this will require more work and a bit of mangling of your .php file/s, but hey. You’re going to have to get your hands dirty sooner or later. WordPress is not an all singing, all dancing solution to web build or design. The more you know about what’s going on under the hood, the better, no matter what anyone may tell you.

  3. The invaluable font preview function in Divi is no longer working. Is there a fix for this in the pipeline?

    • Agreed! This was SUCH a benefit before, but is now seemingly lost?

      • I was going to log a job for this as I felt I was on my own.

        Now I know its affecting others I shall definitely log a job. I agree, it was invaluable.

        • Did the Divi font preview problem get fixed by any chance? It’s really difficult to go through one by one just to see what a font looks like before using it. I hope this gets fixed very soon! But maybe I just missed something?

          • This should be addressed in the next release (coming very soon).

            • Had that same thought! Thanks guys 🙂

  4. Thank you for an excellent article Nathan. Please write more font posts like this, perhaps focusing on specific font types.

    • By ‘types’ I perhaps should have said ‘styles’ – eg script fonts, calligraphic fonts, all caps fonts, etc., etc.

  5. Thanks for posting this. I have “look for course on fontography” on my to-do list for 2015. This gets me off to a great start.

  6. I enjoyed this article, nice to have background info on the fonts.
    Perhaps the next article can be on how to pair up headline font with body font.

  7. My favorite is Adobe’s Garamond Pro, which is free if webmasters sign up with their Webfonts program. I think there’s a restriction on pageviews/day or something, but it’s idea for small businesses and they have a lot of high quality design fonts.

    I have huge chunks of texts on my sites, since I publish novels online, and so I use Garamond to give readers that ‘book’ feel. It’s very readable, esp. for large chunks of texts.

    I like this selection though. Very well researched and I found a few new ones that I didn’t know yet, but like very much. Thank you for all your hard work.

  8. Developed being a beneficial basic variety experience Wide open Sans is very friendly and understandable. Great for headings, statements, or body textual content.

  9. The font that I have been looking for is the one Elegant themes uses for headings and subheads, “Goudy Bookletter 1911.” I have always been a fan of the Goudy family but am particularly attracted to this one. I have not been able to find where it is available.

  10. This site lists the most popular web fonts, including things like icons fonts, from the top 10k sites. It shows you what site uses it, and how it ranks compared to other fonts, over time: http://bonfx.com/fonts-of-the-world/

    You can see Lato is in the top 10 of all web fonts (Arial, Georgia, etc. have the first positions locked up, probably for ever), but Open Sans is a lot lower in the list than you’d think. FontAwesome is in the top 10 – surprising!

  11. You mention a Google Fonts free Pairings tool. I have done a search and find no reference for that. Can you tell us where it can be accessed?

  12. Interesting listing of fonts. My favorites have been Vollkorn for its simplicity, style and clarity and then Pacifco for being a little crazy, funky and amazingly stylish.

  13. Thank you for this great posts! Some fonts are realy amazing. Can anyone please tell me the steps to use them with the Divi theme? Thanks a lot!

  14. Great post, i’ve got a tip about “Open Sans” because it is having some problems with ligatures like ë, ê, é etc. (makes the font “bolder”).

    I would always recommend testing your Googlefonts in Typecast before using it on a site!
    A demo of the problem explained above is viewable at: http://typecast.com/preview/google/Open%20Sans

  15. Thanks for a good list of fonts! I did short-listed one font for logo design of my site! Thanks a ton!

  16. Its a fantastic post. I was searching this information for almost two hours and finally got this website.

  17. Thanks for sharing nice modern fonts. We use some great fonts for our themes on our website

  18. Much thanks to you for this incredible posts! A few text styles are realy astounding. Could anybody please let me know the ventures to utilize them with the Divi topic? You’re the best!

  19. After *much* experimentation and testing, I chose Martel and Martel Sans from the Google fonts collection (Merriweather was a close second). They are very readable, classic looking fonts that render well in the iPhone 5, as well as large desktop screens.

    I have also heard it opined that sans works better for UI, while serif is better for body text. And… while it seems a plausible opinion, a little more reading suggests that the Serif vs Sans Serif debate is one of the great controversies of information science; ranking up there with 9mm vs 45 in its fervor.

  20. They are NOT free or at least not the one I chose after reading all this. I decided to use Fertigo Pro on my blog and when I went to download it on the website you had to pay $14.95 which is not much but it is kind of dissapointing when you thought it was free. Please check the links to the fonts and take off the ones that are not free, maybe you can do another post on great fonts that are worth some money. Well, who knows maybe I just picked out the ohnly that was not free. Just thought you should know in case they made it “to pay” after your article.

  21. Thanks!! Very useful!! 😀

  22. I have used OpenSan fonts for my wordpress blog. Thank you you listing the review of best fonts.

  23. I enjoyed the post but find it a bit ironic considering the fact that those of us without a solid grasp of coding (in particular CSS selectors) can’t use additional Google Fonts (aka Google Fonts not standard in Divi) within the Divi Theme.

    Now before anyone tries to correct me by suggesting plugins like “Easy Google Fonts” or help articles, please know that I’ve tried EVERY available plugin on the first few pages of WordPress’s plugin search results for “font” keywords and have spent hours upon hours researching articles found via Google on this topic.

    Every plugin I’ve found, at best, only offers “easy” font updates for the headers and body text within Divi’s basic text modules, but not for the headers, text, titles or buttons of the other modules (CTAs, Pricing Tables, Testimonials, etc). The plugins that do claim to be able to add Google Fonts to an entire site require you to add the specific CSS selectors for each part of the site that you wish to update. Does anyone know what the CSS selector is for the bulleted list within the third tab of a site’s pricing table? Exactly! It’s not an answer many would know how to find unless they were an experienced Web Designer.

    If I knew all the in’s and out’s of CSS styling and selectors, I probably wouldn’t need a plugin for Google Fonts in the first place… just saying. With all the other features and abilities Elegant Themes and specifically, the Divi Theme, has to offer, I would have thought that something as basic as including different Google Fonts would be a given. But instead, it’s become a mission impossible. GRRRR!!!!

    • I’m with you all the way with this Ashley – your first paragraph sums it up perfectly.

      My feeling is that if, “all you have to do is…”, then why not include the ‘simple’ process as a part of Divi or Extra?

  24. Thank you so much for sharing this! It helped me a lot =) !

  25. Very nice list I have currently installed “Use Any Font” plugin for my website which gives me 17 new type of fonts that are very amazing.

Join 341,592 Happy Customers And Get Access To Our Entire Collection Of 87 Beautiful Themes For The Price Of One

We offer a 30 Day Money Back Guarantee, so joining is risk-free!

Sign Up Today

Pin It on Pinterest

Share This