Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

80 Beautiful Typefaces For Professional Design

Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typefaces which manages to fulfill three basic tasks. Support the corporate identity, enrich the visual appearance and is compatible with the overall design. However, usually there are simply too many options you can consider, which is why you need time to find the option you are most comfortable with. Although the choice usually depends on clients’ requirements, it is necessary to have some pretty starting points for your font decision. [Content Care Oct/07/2016]

So which typefaces are “bulletproof”? What fonts can be used effectively in almost every Corporate Design? And what are the options for unique, but still incredibly beautiful typefaces?

We have answers. Over the last few days we’ve browsed through dozens of type foundries, read dozens of designers’ articles about typography, analyzed font rankings and visited bookmarked font-related suggestions. So this post has ’em all. Well, OK, at least many of them.

Let’s take a look at over 80 gorgeous typefaces for professional design, based upon suggestions from designers and web-developers all over the world. Most screenshots are taken from the foundries and provided specimens – particularly on Veer.com1 and Fontshop.com2.

Classic Typefaces Link

Classics of typography in a brief overview. You will find even more traditional typefaces on the site 100 Best Fonts3, including history, development and related information.

1. Helvetica Link

Screenshot

2. Helvetica Neue Link

Typefaces

3. Univers Link

Typefaces

4. Frutiger Link

Type

5. Avenir Link

Fonts
Fonts

6. Myriad Pro Link

Typeface

7. Neuzeit Link

Screenshot

8. Syntax Link

Screenshot

9. Proxima Nova Link

Screenshot

10. Proxima Sans Link

Screenshot

11. Glasgow Link

Screenshot

12. Charlotte Sans Link

Screenshot

13. Precious Sans Link

Precious Sans
Precious Sans

14. Gill Sans Link

Screenshot

15. Lisboa Link

Screenshot

16. Franklin Gothic Link

Screenshot

17. Futura Link

Screenshot

18. EF TV Nord 1 Link

Screenshot

19. FF Scala Link

Screenshot

20. Rockwell Link

Screenshot

21. Eurostile Link

Screenshot

22. Warnock Link

Screenshot

23. FF DIN Link

FF DIN

24. FF Meta Link

FF Meta
FF Meta

25. Officina Link

Screenshot

26. FF Dax Link

Screenshot

27. DF Dynasty Link

Screenshot

28. Akzidenz-Grotesk Link

Screenshot
Screenshot

29. AG Book Link

Screenshot
Screenshot

30. Precious Serif Link

Precious Serif

Further Typefaces Link

The fonts listed below aren’t so well-known. Thus you can use them for unique corporate identity or user interfaces which are supposed to have a “fresh” look.

31. Locator Link

Locator

ProcessTypeFoundry54

32. Seravek Link

Seravek

ProcessTypeFoundry54

33. FF Kievit Link

FF Kievit
FF Kievit

Source6

34. Ronnia Link

Ronnia

Typetogether

35. Stella Link

Stella

Feliciano Type Foundry

36. Le Monde Courrier Link

Screenshot

Le Monde Courrier, € 167.4 for 2 PCs

37. Parisine PTF Link

Screenshot7

Parisine PTF8, € 210 for 8 PCs

38. Freight Link

Freight Sans

Source

39. Guardian Link

Guardian

Christian Schwartzl9

40. Anomoly Link

Anomoly

41. PMN Caecilia Link

PMN Caecilia
PMN Caecilia

42. Leitura Link

Leitura

DSType – Spatium Magazin

43. The Mix Link

The Mix

Source10

44. Stalemate Link

Stalemate
Stalemate

45. Neo Sans Link

Neo Sans

Source11

46. Felbridge Link

Felbridge

Felbridge, £29.00 per font

47. Trade Gothic Link

Trade Gothic

48. Karmina Link

Karmina

Typetogether

49. FF Milo Link

FF Milo
FF Milo

Source: Typographica.org12

50. Auto Link

Auto

Source

51. Soho Link

Soho

Source

52. Kepler Link

Kepler

Source13

53. Depot Link

Depot

Chris Dickinson191714

54. Relato Sans Link

Relato Sans

Source15

55. Priva Pro Link

Priva Pro

DSType

56. Relato Serif Link

Relato Serif

Source16

57. Alber Link

Alber

Chris Dickinson191714

58. Palatino Sans & Informal Link

Palatino Sans Informal

Source Kimeratype

59. Fedra Sans Link

Fedra Sans

Source18

60. Olga Link

Olga

Source

61. Depot Link

Depot

Chris Dickinson191714

62. Priva Pro Link

Priva Pro

DSType

63. Whitman Link

Whitman

Source20

64. Productus Link

Productus

Source21

65. Tempelhof Link

Tempelhof

Günter Schwarzmaier22

66. Amira Link

Amira

Source23

67. Krart Link

Krart

Source24

68. Tang Link

Tang

Source25

69. Dederon Sans Link

Dederon Sans

Source

70. Samuels Family Link

Samuels Family

(Images: MyFonts Newsletter26)

71. Untitled Link

Untitled

Source

72. Greta Text Link

Greta Text

Source27

73. FF Sanuk Link

FF Sanuk

74. Houschka Link

Houschka

75. Scene Link

Scene

Source28

76. Amplitude Link

Amplitude

Source29

77. Insider Link

Insider

Characters.nl30

78. Preface Link

Preface

79. Flex Link

Flex

Source31

80. Halvorsen Link

Halvorsen

Source32

81. Xtra Sans Link

Xtra Sans

Source

Foretaste for one of our next posts:
The Future of Typography

82. Obliqua (in development) Link

Obliqua

Source

83. Muestra Urbana (in development) Link

Muestra Urbana

Source

83. Wingardium Link

Wingardium

Source33

84. Tauran Regular Link

Tauran Regular

Source34

85. Mello Sans Link

Mello Sans

Source35

Footnotes Link

  1. 1 http://www.veer.com
  2. 2 http://www.fontshop.com
  3. 3 http://www.100besteschriften.de/
  4. 4 http://www.processtypefoundry.com
  5. 5 http://www.processtypefoundry.com
  6. 6 http://www.daidala.com/kievit.html
  7. 7 http://www.typofonderie.com/alphabets/view/ParisinePTF
  8. 8 http://www.typofonderie.com/alphabets/view/ParisinePTF
  9. 9 http://christianschwartz.com/gdnsans.shtml
  10. 10 http://www.daidala.com/themix.html
  11. 11 http://www.monotypefonts.com/
  12. 12 http://typographica.org/001103.php
  13. 13 http://www.daidala.com/17mar2004.html
  14. 14 http://www.moretype.co.uk
  15. 15 http://www.emtype.net/relatosans_1.html
  16. 16 http://www.emtype.net/relato_1.html
  17. 17 http://www.moretype.co.uk
  18. 18 http://www.typotheque.com/fonts/fedra_sans/
  19. 19 http://www.moretype.co.uk
  20. 20 http://www.fontbureau.com/fonts/serif/Whitman
  21. 21 http://www.fontbureau.com/fonts/sans/Productus
  22. 22 http://www.t26.com/fonts/showcase/2006/08
  23. 23 http://www.fontbureau.com/fonts/Amira
  24. 24 http://www.t26.com/fonts/Krart
  25. 25 http://www.type.fi/SuomiHome.html
  26. 26 http://www.myfonts.com/newsletters/cc/200707.html
  27. 27 http://www.typotheque.com/fonts/greta_text/
  28. 28 http://www.fonts.com/findfonts/detail.asp?pid=400853
  29. 29 http://www.fontbureau.com/fonts/Amplitude
  30. 30 http://www.characters.nl
  31. 31 http://www.type-invaders.com/flex/
  32. 32 http://www.t26.com/fonts/Halvorsen
  33. 33 http://www.flickr.com/photos/macniaco/149614426/in/set-72057594139789886/
  34. 34 http://www.flickr.com/photos/macniaco/149615395/in/set-72057594139789886/
  35. 35 http://www.flickr.com/photos/macniaco/149614424/in/set-72057594139789886/

↑ Back to top Tweet itShare on Facebook

Advertisement

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

  1. 1

    good one!!! – as usual :)

    0
  2. 2

    Wow, this is amazing. Absolutely Smashing!!!

    2
  3. 3

    cool, font always be major factor to achieve great webdesign

    1
  4. 4

    Great list guys. I think you covered most all of the great ones I know of.

    I have to say my favorite is Myriad Pro though.

    3
  5. 5

    nice overview. your list includes some very nice fonts which i havn’t seen before. but i’ll miss direct links ;)

    0
  6. 6

    Great list. You captured many of my favorites. The primary ones I missed were Transit, News Gothic and Minion although I wouldn’t necessarily expect them to be present anyway.

    0
  7. 7

    Well…there is not said in which order you have put this fonts together. There are no comments, no details…

    Sorry, but how is this helpfull?
    Thats the problem about such ranking lists…

    2
  8. 8

    Gorgeous and simple, they way to go.

    0
  9. 9

    is any of those free?

    torrent link? :))

    0
  10. 10

    Thank you for scrolling! :) I love this list!
    I’m sure it’ll speed up my next choice!

    0
  11. 11

    Awesome list! I love the way you guys have screenshots of the font in action, some designs look very classy. nice work. :D

    0
  12. 12

    Jeremy David

    August 8, 2007 6:23 am

    Genius.

    I’ve come to love your blog more than any other.

    Keep up the brilliant work. I hesitated, and chose not to throw in the word smashing, ha ha. But I was going to.

    0
  13. 13

    Dumitru Tira

    August 8, 2007 7:09 am

    Awesome post, I definitively would like some more post about typography. Good job guys.

    0
  14. 14

    Myo Kyaw Htun

    August 8, 2007 7:39 am

    You Guys ROCK!!!

    0
  15. 15

    Excellent list, another font that I use quite regularly is Audimat (free!)

    http://fontleech.com/09/26/2006/audimat-smeltery/

    1
  16. 16

    Excellent as usual. There are some fantastic typefaces here.

    0
  17. 17

    Juan Manuel Lemus

    August 8, 2007 2:20 am

    The fonts is one of the most important part of every web design. This collection is very precious. Good, very good. I was’nt watched some font styles.

    4
    • 18

      not really majority of these fonts are postscripts and open type. Not for use for the web.

      -9
  18. 19

    Thank you, I’ve been needing this for awhile. Much appreciated.

    0
  19. 20

    frank tolentino

    August 8, 2007 9:45 am

    good posting! this well help others who are not “a professional typographer” to pick and use different styles in their next letter, project,web, logo, etc.

    choosing a good typseface is essential for corporate branding.

    chossing the right fonts for the project, always makes a big impact. Just make sure it is consistent.
    :)

    0
  20. 21

    no freebies?
    no fun

    0

↑ Back to top