20 best fonts for your portfolio 2019

To make your portfolio site become more attractive and good looking, choosing a suitable font for design is not only important but quite tough. That's the reason why today I'm writing this article to share with you 20 best font for your portfolio, so you'll have a great reference on these collected awesome fonts. Here they are:

1. Open Sans

Open Sans is one of the most popular web fonts on Google Fonts. Designed with upright stress, open forms and a neutral, yet friendly appearance, Open Sans can be applied to both title and body text, as well as work perfectly with other sans-serif fonts. You can get it from Font Squirrel, Google Web Fonts, MyFonts and Typekit.

Example: 

2. Montserrat

Montserrat is a modern looking free font on Google Fonts, which is commonly used as large header and navigation texts. The uppercase form also works very well in many cases. If you like Montserrat, then try 30px for headers, and 16px for content. Montserrat is now available on Font Squirrel, Google Web Fonts and Typekit.

Example: 

3. Brandon Grotesque

Brandon Grotesque is a sans-serif font. It goes well with Adelle, Adobe Caslon, FF Tisa, Roboto Slab, Open Sans, Brandon Text, Freight Sans Pro, Merriweather, Didot and Helvetica Neue. If you're thinking about using Brandon Grotesque then try 18px for headers, and 17px for content. It's available from Fonts.com, Fontshop, Fontspring, MyFonts and Typekit.

Example: 

4. Lato​

Lato is a sans-serif font. It goes well with Montserrat, Open Sans, Roboto, Playfair Display, Proxima Nova, Vollkorn, Ubuntu, Georgia, Bebas and Droid Serif. If you're thinking about using Lato then try 20px for headers, and 18px for content. It's available from Font Squirrel, Google Web Fonts, Open Font Library and Typekit.

Example: 

5. Adelle​

Adelle is a serif font. It goes well with Helvetica Neue, Brandon Grotesque, Proxima Nova, Gesta, Visby CF, Pluto Sans, Lucida Grande, Freight Sans Pro, Avenir Next and clarendonbt. If you're thinking about using Adelle then try 36px for headers, and 16px for content. It's available from Fontdeck, Fonts.com, Fontshop, MyFonts and Typekit.

Example: 

6. Futura PT​

Futura PT is a sans-serif font. It goes well with Proxima Nova, Omnes Pro, Helvetica Neue, Garamond Premier, Milibus, Georgia, Didot, FF Meta Serif Web Pro, Elena and Futura BT. If you're thinking about using Futura PT then try 25px for headers, and 16px for content. You can get it from Fonts.com, Fontshop, Fontspring, MyFonts and Typekit.

Example: 

7. Helvetica Neue​

Helvetica Neue is a sans-serif font. It goes well with Proxima Nova, Lucida Grande, Helvetica, Georgia, DIN, Avenir, Open Sans, Adelle, Trade Gothic and Museo Sans. If you'd like to give Helvetica Neue s shot, then try 50px for headers, and 16px for content. You can get it from MyFonts.

Example: 

8. Roboto​

Roboto is a sans-serif font. It goes well with Roboto Slab, Open Sans, Lato, Playfair Display, Futura PT, Montserrat, Encode Sans, Oswald, Merriweather and Museo Sans. You can try Roboto with 21px for content. You can get it from Font Squirrel, Google Web Fonts and Typekit. 

Example: 

9. Georgia​​

Georgia is a serif font. It goes well with Proxima Nova, Helvetica Neue, Brandon Grotesque, Arial, Freight Sans, Lucida Grande, Open Sans, Benton Sans, Helvetica and Lato. Interested in Georgia? If yes, then try 24px for headers, and 16px for content. It's available from Fonts.com, MyFonts and Webtype.

Example: 

10. Gotham​

Gotham is a sans-serif font. It goes well with Mercury, Antenna, Chronicle, Open Sans, Whitney, Brandon Grotesque, Roboto, Futura, Times New Roman and Archer. If you're thinking about using Gotham then try 32px for headers, and give 14px a shot for content. You can find this font from Typography.com.

Example: 

11. Ars Maquette​​

Ars Maquette is a sans-serif font designed by Angus R. Shamal in 1999 and published by ARS Type. It goes well with Adelle. If you're thinking about using Ars Maquette then try 22px for headers, 14px for content. It's available from Fontshop.

Example: 

12. Effra​​

Effra is a sans-serif font. It goes well with Bryant, Adobe Caslon, Glyphicons Halflings, Bauer Bodoni, Georgia and Facit. If you're thinking about using Effra then try 26px for headers. Give 21px a shot for content. This font is available from Font Squirrel, Google Web Fonts, Open Font Library and Typekit.

Example: 

13. Raleway​​

Raleway is a sans-serif font. It goes well with Open Sans, Cabin, Barlow, Merriweather, Droid Serif, Playfair Display, TeX Gyre Adventor, Montserrat, Aria Text G2 and Calibri. With Raleway, you can try 24px for headers, and 16px for content. This font is available from Font Squirrel, Google Web Fonts and Typekit.

Example: 

14. Univers​​

Univers is a sans-serif font. It goes well with Alternate Gothic No. 1 D, Bembo, Oswald, Apollo, FF Dagny, Maison Neue, Proxima Nova, Pratt, Miso and Georgia. If you're thinking about using Univers then try 24px for headers and 33px for content. This font is available from Fonts.com, Fontshop and MyFonts.

Example: 

15. Freight Sans Pro​

Freight Sans Pro is a sans-serif font. designed to be used at larger sizes for display and headline usage. As a great header font choice, it works well with most popular serif and san serif fonts like: Freight Text, Rooney, FF Tisa, Freight Display, Proxima Nova, Museo Sans, Adelle, Brandon Grotesque, clarendonbt and Calluna. 

Example: 

16. Proxima Nova​ 

Proxima Nova is a sans-serif font. It goes well with Helvetica Neue, Adobe Garamond, Lucida Grande, Georgia, Atrament, Skolar, Futura PT, Century School, Adelle and FF Meta Serif Web Pro. You can try Proxima Nova with 24px for headers, and 16px for content. You can get it from Fontdeck, Fonts.com, Fontshop, Fontspring, MyFonts, Typekit and YouWorkForThem.

Example:  

17. Bebas Neue 

Bebas Neue is a sans-serif font. It goes well with Museo Sans, Montserrat, Droid Serif, Brandon Grotesque, DIN, Arial, Open Sans, Playfair Display, Noto Serif and Lato. Let's try 60px for headers if you want to give this font a try. You can get it from Font Squirrel, Fonts.com, Fontspring, MyFonts and Typekit.

Example: 

18. Adobe Caslon

Adobe Caslon is a serif font. It goes well with Brandon Grotesque, Effra, GT Walsheim, Myriad Pro, Rosario, NY Irvin, Adelle Sans, Museo Sans, Neutra Face and Museo Sans Rounded. If you're thinking about using Adobe Caslon then try 41px for headers, 18px for content. You can get it from Fonts.com, Fontshop, Fontspring, MyFonts and Typekit.

Example: 

19. Lora 

Lora is a serif font. It goes well with Open Sans, Montserrat, Aktiv Grotesk, Circular, Santis, Lato, Proxima Nova, Gotham Rounded, Noto Serif and Texta. If you're interested in Lora, then try 15px for content. You can get it from Font Squirrel and Google Web Fonts.

Example: 

20. Playfair Display 

Playfair Display is a serif font. It goes well with Lato, Open Sans, Roboto, Muli, Poppins, Circular, Georgia, Futura, Museo Sans and Hind. If you like Playfair Display, then try 88px for headers, and 34px for content. You can get it from Font Squirrel and Google Web Fonts.

Example: 

Thank you for reading! I hope this article will be helpful for you to find your best font when designing your own portfolio. If you're using or even trying TZ Portfolio+ with one of these awesome fonts, don't forget to share your stunning portfolio with us in comment section.