It's time-consuming to cut through the ocean of mediocre free fonts online, especially 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.
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. Archivo Narrow
Designed by Héctor Gatti and Omnibus-Type Team, Archivo Narrow consists of four fonts with 416 glyphs each. It as designed to be portable and can be used across both print and digital platforms, and its technical and aesthetic characteristics of this typeface are both crafted for high performance typography. And if you like its style, Archivo Black, a heavyweight grotesque designed for highlights and headlines, is also available.
A Unicode-compliant Latin and Devanagari text type family designed for the digital age, Palanquin is a versatile font family that strikes a balance between typographic conventions and visual flair. It consists of seven text weights and can be extended with a heavier display family, Palanquin Dark. If you'd like to contribute to the Palanquin project you can find it here on GitHub.
03. Ostrich Sans
Available from The League of Moveable Type, free web font Ostrich Sans is a gorgeous modern sans-serif with a very long neck. The family comes complete with a number of styles and weights, including dash, rounded, ultra light, normal and black.
04. PT Sans
PT Sans was developed for the project "Public Types of Russian Federation." Based on Russian sans serif types of the second part of the 20th century, free web font PT Sans also incorporates distinctive features of contemporary humanistic designs. PT Sans was designed by Alexandra Korolkova, Olga Umpeleva and Vladimir Yefimov and released by ParaType in 2009.
05. Fira Sans
Free web font Fira Sans was created by legendary type designer Erik Spiekermann, with additional contributions from Carrois Type Design. Designed to integrate with the character of the Mozilla FirefoxOS, the Fira family aims to cover the legibility needs for a large range of handsets varying in screen quality and rendering.
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.
07. Abril Fatface
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.
08. Playfair Display
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.
09. GT Walsheim
Used by many design blogs these days, GT Walsheim is a geometric sans-serif typeface designed by Noël Leu and released in 2010 through Swiss foundry Grilli Type. You have to pay for the full font family, but Grillit Type kindly offers GT Walsheim as a free trial, so you can try before you buy.
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.
11. Josefin Sans
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.
12. Gravitas One
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.
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.
14. League Gothic
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.
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.
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!
17. Gentium Basic
Released under the SIL Open Font License, Victor Gaultney's serif was designed specifically as a multilingual face, incorporating Latin, Cyrillic and Greek scripts and advanced support in the Gentium Plus version. Gentium Basic and Gentium Book Basic are both available as free web fonts, but are restricted to a Latin character set.
18. Open Sans
Designed by Steve Matteson, type director at Ascender Corp, this humanist sans serif boasts great legibility even at small sizes, and has been optimized for both web and mobile interfaces. This free web font has an upright feel, with open letterforms and a neutral-yet-friendly appearance that ensures versatility.
In the tradition set by the likes of Meta and Tahoma, Anna Giedry's designed Signika with signage and wayfinding in mind, where clarity is key. This free web font is a sans serif with low contrast and a tall x-height, qualities that translate well onto screen. Its wide character set includes small caps, pictograms, and arrows.
20. Josefin Slab
Drawing on the trend for 1930s-style geometric typefaces with some added Scandinavian flavour, Santiago Orozco's distinctive slab serif brings a distinctive 'typewriter' feel to its sans serif counterpart, and this free web font is perhaps best suited to display use. Unusually, Josefin's x-height is half that of its caps height.
As its name implies, this is a grand Ancient Roman-style serif that is particularly distinctive as a display font used all-caps for headlines, although works stylishly as a sentence-case text face at slightly larger sizes. This free web font's elegant proportions are reminiscent of classical architecture, with semi-circular arches, horizontal cornices, and vertical columns.
Next page: 20 more great free web fonts...