6 minutes reading time (1171 words)

20 best fonts for your portfolio 2019

20-best-fonts-for-your-portfolio

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. 

5 stunning styles get updated with important impro...
Release TZ Portfolio+ 2.2.2

Related Posts

 

Comments

No comments made yet. Be the first to submit a comment
Already Registered? Login Here
Guest
Thursday, 23 May 2019
If you'd like to register, please fill in the username, password and name fields.

Search Blogs

Our Partner’s Templates

TZ Portfolio is working perfectly with JoomDev templates.
Buy our bundle and get 15% OFF from their template and extension.

Latest Posts

21 May 2019
Hi all, Today I would like to make this announcement to inform you about the release of TZ Portfolio+ 2.2.5. In this version, there are only improvements and style update, without bug-fixes. ...
20 May 2019
Owning a beautifully designed portfolio is concerned as a great way to not only display your work, and what you're good at, but also set yourself apart from amateurs and prove your real profession. So what contribute to a splendid portfolio...
12 May 2019
Updating TZ Portfolio+ is one of our regular task at TZ Portfolio. The biggest thing that we always aim at is to assure all of our users can get the best experience with TZ Portfolio+ without running into any unwanted issues. That's why we're trying ...
04 May 2019
Hi guys, Today gotta be an exciting day for all of us. Because it marks the release of a perfect Joomla template for TZ Portfolio+ ever. We would like to introduce Jollyany which is developed to cover all of your needs like: Portfolio, Blog, Eve...
26 April 2019
Hi folks, Today we would like to make this announcement about the release of a new version of TZ Portfolio+. This time not only includes some bug-fixes detected from previous version, but there is some important improvements also. Please have a look ...