One of my favorite quotes about web design is from Oliver Reichenstein, who founded the design agency IA. He famously said that web design is 95% typography, meaning that the design of the writing itself is what is most important. Good typography should suit its purpose well – lengthy paragraphs, for example, should be set in a typeface that’s comfortable and easy to read. Headings are a different choice entirely – they often exist to draw the reader in and to get their attention, and as such a bolder, more eye-catching and beautiful free fonts can be applied.
![](data:image/svg+xml;charset=utf-8,<svg height="281" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
In either case, the focus on typography within web design means that there is a lot of demand for beautiful typefaces. Luckily enough, there are also a lot of talented font designers out there who are generous enough to create and give away beautiful free fonts.
I wanted to bring together a collection of some of my favorite, fresh and exciting fonts that are all available for free (at least, for personal projects). Please do check the license agreement before you use them, as some are not available for commercial projects.
If you know of any other beautiful and elegant typefaces that you think deserve a special mention, let us know in the comments!
Corduroy Slab
![](data:image/svg+xml;charset=utf-8,<svg height="399" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Dunste
![](data:image/svg+xml;charset=utf-8,<svg height="331" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Signika
![](data:image/svg+xml;charset=utf-8,<svg height="774" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Kraftig
![](data:image/svg+xml;charset=utf-8,<svg height="378" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Woodwarrior
![](data:image/svg+xml;charset=utf-8,<svg height="338" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Canter
![](data:image/svg+xml;charset=utf-8,<svg height="449" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Lintel
![](data:image/svg+xml;charset=utf-8,<svg height="300" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Raleway
Summit
![](data:image/svg+xml;charset=utf-8,<svg height="257" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Metropolis
![](data:image/svg+xml;charset=utf-8,<svg height="539" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Jura
![](data:image/svg+xml;charset=utf-8,<svg height="508" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Komoda
![](data:image/svg+xml;charset=utf-8,<svg height="414" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
RBNo2
![](data:image/svg+xml;charset=utf-8,<svg height="843" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Zwodrei
Colourful Triangle Typeface
![](data:image/svg+xml;charset=utf-8,<svg height="434" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Sifonn
![](data:image/svg+xml;charset=utf-8,<svg height="600" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Poly
![](data:image/svg+xml;charset=utf-8,<svg height="800" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Braxton
![](data:image/svg+xml;charset=utf-8,<svg height="586" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Musket
![](data:image/svg+xml;charset=utf-8,<svg height="732" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Deibi
![](data:image/svg+xml;charset=utf-8,<svg height="402" width="600" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
Do you know of any other typefaces that would look at home here? If you know of any beautiful free fonts that we should include in our collection, let us know in the comments!