The 35 greatest free web fonts

Keen to add typographic personality to your next website without breaking the bank? Check out these free web fonts.

It's time-consuming to cut through the ocean of mediocre web fonts to find the real gems that punch above their (zero) price tag. With this in mind, we've rounded up the greatest free web fonts from around the web to get you started.

There are various methods to source and license web fonts, including subscription-based models such as Typekit, Fontdeck and Fontspring, which boast libraries of quality typefaces and are becoming increasingly popular with professional designers. If you're on a tight budget, however, or are just looking to experiment on a smaller project, there are plenty of good web fonts available at no cost if you know where to look.

Font sources

Sites such as Font Squirrel are helpful, not to mention the free-to-use Google Web Fonts service and Adobe Edge Web Fonts. Powered by Typekit, this supplements the GWF library with several of Adobe's own open source web fonts and integrates neatly with Edge and Muse. But here is our selection of the best around.

Oh, and you should also read: rules for using web fonts that some designers forget!

01. Montserrat

Montserrat is inspired by the urban typography of the region in Buenos Aires

Julieta Ulanovsky created this font because she wanted to preserve the beautiful typography she saw on the street signage in Montserrat, Buenos Aires. As the area is developed, the old posters and signs are lost. This font is distributed under an open source license and goes some way toward preserving the urban typography of the historic region.

02. Abril Fatface

abril fatface
Perfect for arresting headlines

Abril Fatface is part of a big type family that has 18 styles designed for all kinds of uses. Fatface has a strong, elegant presence that makes for striking headlines. It's commonly paired with Lato, Open Sans and Droid Sans.

03. Playfair Display

playfair display
Great for squeezing into tight spots

With its extra large x-height and short descenders Playfair Display is particularly suited to headlines, especially if space is tight. It works well with Georgia, and you'll also see it used with Oswald, Lato and Arvo.

04. Merriweather

A good choice for long reads on screens

If readability on  screens is a priority in your project you might reach for Merriweather, which was designed especially for this purpose. Merriweather is always evolving, and you can request features and stay up to date by checking creator Eben Sorkin's blog.

05. Josefin Sans

josefin sans
Josefin Sans captures something of the Swedish design style

Josefin Sans was drawn with vintage Swedish design in mind, and has a geometric, elegant aesthetic. The letter z has a distinctive 'haircut', which was inspired by New Universal Typeface Newut from André Baldinger.

06. Gravitas One

Free web fonts Gravitas One
This web font will be perfect for headers and tabs

Designed by Riccardo De Franceschi, Gravitas One is modelled on the 'UK fat face' - a heavy advertising type created during the industrial revolution in England. This is a font that'll look great in a medium to large scale; perfect for headers, tabs and striking titles.

07. Jura

Free web fonts Jura
Jura comes in four different weights, so will work well almost anywhere!

Daniel Johnson wanted to create a Roman alphabet using the same kinds of strokes and curves as the Kayah Li glyphs. Jura was born and has been expanded to include glyphs for the Cyrillic and Greek alphabets. It's available in light, book, medium, and demibold weights.


08. League Gothic

Free web fonts League Gothic
The League of Moveable Type deliver another stellar web font

Originally designed by Morris Fuller Benton for the American Type Founders Company in 1903, League Gothic has been given a new lease of life thanks to The League of Moveable Type. Thanks to a commission from WND.com, it's been revised and updated with contributions from Micah Rich, Tyler Finck, and Dannci, who have contributed the extra glyphs.

09. Fjord

Free web fonts Fjord
Fjord is perfect for content on the web

Fjord is a serif typeface, originally designed with printed books in mind, and particularly intended for long texts in small print sizes. This will look great for your longer content on the web as it features sturdy construction, prominent serifs, low-contrast modulation and long elegant ascenders and descenders relative to the 'x' height.

10. Amaranth

Free web fonts Amaranth
Play around with Amaranth and see what works for your site

The Amaranth family is a friendly upright italic design with a slight contrast and distinctive curves. With its three new styles Amaranth works really well with almost any text type. This is a font perfect for playing around with – see what works!

Next page: more great free web fonts

Don't miss this!