Magazine for designers and web developers

Digital Designers’ Secrets: Top Fonts

Article by Awwwards Team in Resources & Tools - April 12

The bearded UX unicorn jumps over the drunk full stack developer.

Is it legible and versatile, does it tell a story? We demand a lot from our fonts.They can inspire a web project, deliver a punchy headline, make a statement logo or become a staple in our army of design tools.

We wanted a collection of the most flexible and usable typefaces so we turned to our secret weapon, our crack team of designers, the Awwwards Jury, to share with us their typeface tendencies and answer the big question, what is your must have font? Some of these fonts are free to download and others you have to pay for, enjoy!

Digital Designers’ Secrets is the first in a series of curated content about web designer tools and recommendations according to the Awwwards jury - a group of international designers and developers responsible for some of the most innovative and exciting projects currently on the web.

1. Helvetica Neue

top best font awwwards

Buy/download this font here

2. Futura

top best font awwwards

Buy/download this font here

The Futura is a no-brainer, it's been around for years and years but I still feel its variations in font-weight and stability, mixed with some sharp accents such as the "v" 's adds a lot of power to it.

Henry Daubrez - ‎Creative Director

3. Roboto

top best font awwwards

Buy/download this font here

4. Proxima Nova

top best font awwwards

Buy/download this font here

5. Brandon Grotesque

top best font awwwards

Buy/download this font here

6. Open Sans

top best font awwwards

Buy/download this font here

7. Trade Gothic

top best font awwwards

Buy/download this font here

8. Montserrat

top best font awwwards

Buy/download this font here

9. Playfair

top best font awwwards

Buy/download this font here

10. Gotham

top best font awwwards

Buy/download this font here

11. Gibson

top best font awwwards

Buy/download this font here

Gibson is my go-to font for a geometric and modern look. It's numerous weights make it easy to use, and allow a lot of different typographic possibilities.

Søren Bo Bastian - Art Director

12. DIN

top best font awwwards

Buy/download this font here

13. 21 Cent

top best font awwwards

Buy/download this font here

14. Tungsten

top best font awwwards

Buy/download this font here

15. Miller Banner

top best font awwwards

Buy/download this font here

16. Voyager

top best font awwwards

Buy/download this font here

17. Courier New

top best font awwwards

Buy/download this font here

18. ITC Officina Sans

top best font awwwards

Buy/download this font here

19. ITC Officina Serif

top best font awwwards

Buy/download this font here

20. Freight Display

top best font awwwards

Buy/download this font here

21. Maison Neue

top best font awwwards

Buy/download this font here

22. Publico

top best font awwwards

Buy/download this font here

23. Replica

top best font awwwards

Buy/download this font here

24. Heroic

top best font awwwards

Buy/download this font here

25. Campton

top best font awwwards

Buy/download this font here

26. Touche

top best font awwwards

Buy/download this font here

27. Fort

top best font awwwards

Buy/download this font here

28. Fort Condensed

top best font awwwards

Buy/download this font here

29. Utopia Std

top best font awwwards

Buy/download this font here

30. Nimbus Sans

top best font awwwards

Buy/download this font here

Nimbus sans is a strong sans serif with just the right amount of personality and boldness.

Claudio Guglieri - Creative Director

31. Myriad Set Pro

top best font awwwards

Buy/download this font here

32. Arial

top best font awwwards

Buy/download this font here

33. Benton Sans

top best font awwwards

Buy/download this font here

34. Koburina Gothic

top best font awwwards

Buy/download this font here

35. Berthold Akzidenz Grotesk

top best font awwwards

Buy/download this font here

36. Akkurat

top best font awwwards

Buy/download this font here

37. Adobe Caslon Pro

top best font awwwards

Buy/download this font here

38. Neuzeit Grotesk

top best font awwwards

Buy/download this font here

39. Verlag

top best font awwwards

Buy/download this font here

40. Mfred

top best font awwwards

Buy/download this font here

41. Apercu Mono

top best font awwwards

Buy/download this font here

42. Avenir

top best font awwwards

Buy/download this font here

Avenir has been one of my favourite fonts for a long time. it has a very “human” and welcoming feel for a geometric sans-serif and it has been very well adapted for the web.

Aude Degrassat - ‎Art Director

43. Gentium Book Basic

top best font awwwards

Buy/download this font here

44. Fedra

top best font awwwards

Buy/download this font here

45. Georgia

top best font awwwards

Buy/download this font here

If you are looking for free fonts, check out our list of the 100 greatest free fonts of 2015 here.

Thanks to: Henry Daubrez, Kenta Toshikura Pascal van der Haar, Alice Mourou, Akaru, Enea Rossi, Matteo Rostagno, Barny Collis, Xuan Pham, David Navarro, Sean Hobman, Marcus Brown, Charlie Burger, Claudio Guglieri, Peter Kang, Keitaro Suzuki, Baptiste Briel, Alexander Radsby, Derek Boateng, Garth Sykes, Luke Finch, Aude Degrassat, Melanie Daveid, Søren Bo Bastian, Burak Canpolat, JB Grasset and Kamil Lehmann.o