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
Tuesday, 22 October 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 JoomlaShine templates.
Buy our bundle and get 20% OFF from their template and extension.

Latest Posts

21 October 2019
Good day to all TZ Portfolio+ lovers, Thanks to kind feedback from users about TZ Portfolio+ version 2.3.3, our team tried to address some known issues and improve the component more stable. Today, TZ Portfolio+ 2.3.4 is official released, so let's h...
02 October 2019
Hi guys, Bootstrap is concerned as a powerful front-end framework that brings a faster and easier way in developing websites. In particular, as aiming at creating responsive design, we can't look further than Bootstrap. Bootstrap 4 is sooner or ...
27 September 2019
Hi guys, Today, our team would like to announce that TZ Portfolio+ 2.3.3 is released. This version contains lots of bug-fixes which addresses well-known issues detected from previous versions. So we strongly recommend all of TZ Portfolio+ u...
20 September 2019
Hi folks, Another day comes with new goodies. We're so pleased to inform that we have recently released a brand-new Joomla module for TZ Portfolio+, it's called TZ Infinite Carousel.  With this module, you can automatically display TZ ...
17 September 2019
We're so pleased to announce that TZ Portfolio+ 2.3.1 is ready. This release comes with improvements, updates, new features, and addresses some well-known issues. Thanks to the reflection of users who gave us right feedback about previous versio...

Tag Cloud

tzportfolio+articles Salon Template Styles vani customlinks TZ Portfolio Plus add-ons.TZ Portfolio users Zalta Oraz template Masonry 30% OFF Sass Bug-fix Easter2019 Besley Joomla4 Gaia freetemplates TZPortfolio+2.2.0 CharityAddon Partners Joomla3.x Activation Tutorials AdvancedSearch CSS3 TZPortfolio+2.2.8 lightbox Bootstrap3 Installation Templates Elegantstyle Search PortfolioStyles Joomla template collection Migration extrafields TZPortfolio+ memberships Responsive Photographer K 2 migration add-ons Christ Saleoff gridgallery Birthday CSSFramework ArtGallery TZFlexGrid lunarnewyear2019 TreeFilter comment add-on Photography collaboration googlefont join our club overrides consulta Joomla Template PortfolioDesign One-Click Install Joomla3.9 Portfolio JSN Amuda Joomdev blackfriday font Update TZPortfolio+2.1.9 TZPortfolio+2.1.7 Besley style JD Gurukul discount WeddingGallery tzportfolio+carousel TZ Portfolio+ 2.1.1 FlipBookGallery Christmas 2018 Folio template freeversion TZPortfolio+2.1.6 BootstrapLibrary Joomla Content TZ Portfolio Joomla3.9.4 TZPortfolio+Pro JDSalon updates Colors TZPortfolio+2.1.4 Fixes Survey JDCoax TZPortfolio2.1.5 New features Portfolio Joomla templates Addons Free Elegant JSN Agency Bug-fixes Joomla 4 Grid Gallery multilevelfilter ArticleLimit TemPlaza K2 WebsitePortfolio Carousel Override JQuery InstallationWizard Bootstrap4 InfiniteCarousel color addon Reyla Dino Jollyany Folio Joomlatemplates selena template charity add-on add-ons Jcontent TZPortfolio ArumStyle JDParis music add-on TokenKey Selena Portfolio templates Flipbook TZ Portfolio Plus Pro free template ​ Profiler Creative License TZ Portfolio+ 2.1.2 V2.1.0 Joomlaextensions TZPortfolio+2.2.1 Improvements