Font Combos for your Flotheme

Blog cover

When it comes to creating a new brand, logo, or site, one of the first exercises is selecting the best font combinations to serve your purpose and achieve your goals. Type is key in many aspects. First off, the right font can set the correct tone of your message and brand, easily supporting your creative work and setting a hidden voice behind your business. The right font can also enhance your visitors’ user experience on your site, whether that be to read your thoughtfully written blog posts or simply navigating through pages.

We view our Flothemes sites as layouts. Consider them a canvas that allows you as the client to create and stylize the layout to your character. When you consider this approach to using a Flotheme rather than solely what the demo looks like, creating a unique site changes the game.

Common questions we get asked are, “What font should I use for titles?”, “How can I find font pairings?”, “My logo designer only gave me one font; what should I use for the others?” So, to help answer all of those and more, we have created 12 sets that include both Sans & Serif Font options so that you can easily tweak and play with popular Google Fonts that come pre-installed in our Flothemes. There are however a few custom fonts and system fonts that you can use if you would like to have something more custom for your business.

     Get Your Free

Font Kit Guide

Sign up for our newsletter and get your free font kits guide with more font options for your site!

We have separated the fonts with title (H1), body (H3), and button text options:

Sans Fonts combinations

Font Set #1

Montserrat – http://www.google.com/fonts/specimen/Montserrat
Open Sans – http://www.google.com/fonts/specimen/Open+Sans
Gotham HTF – http://www.cufonfonts.com/en/font/13132/gotham-htf-book

 

Font Set #2

Oswald – https://www.google.com/fonts/specimen/Oswald
Nobile – https://www.google.com/fonts/specimen/Nobile
Brandon Grotesque – https://typekit.com/fonts/brandon-grotesque

 

Font Set #3

Abel – http://www.google.com/fonts/specimen/Abel
Lato – https://www.google.com/fonts/specimen/Lato
Brandon Grotesque – https://typekit.com/fonts/brandon-grotesque

 

Font Set #4

Quicksand – http://www.google.com/fonts/specimen/Quicksand
Raleway – http://www.google.com/fonts/specimen/Raleway
Gudea – http://www.google.com/fonts/specimen/Gudea

 

Font Set #5

Oxygen – http://www.google.com/fonts/specimen/Oxygen
Open Sans – http://www.google.com/fonts/specimen/Open+Sans
Gudea – http://www.google.com/fonts/specimen/Gudea

 

Font Set #6

Francois One – https://www.google.com/fonts/specimen/Francois+One
Muli – https://www.google.com/fonts/specimen/Muli
Open Sans – http://www.google.com/fonts/specimen/Open+Sans

 

Serifs Fonts combinations

Font Set #1

Cinzel – http://www.google.com/fonts/specimen/Cinzel
Adobe Caslon Pro Italic – https://www.myfonts.com/fonts/adobe/caslon/italic/
Gotham HTF – http://www.cufonfonts.com/en/font/13132/gotham-htf-book

 

Font Set #2

Prata – http://www.google.com/fonts/specimen/Prata
Georgia – https://www.myfonts.com/fonts/ascender/georgia/
Brandon Grotesque – https://typekit.com/fonts/brandon-grotesque

 

Font Set #3
Playfair Display – http://www.google.com/fonts/specimen/Playfair+Display
Lato – https://www.google.com/fonts/specimen/Lato
Brandon Grotesque – https://typekit.com/fonts/brandon-grotesque

 

Font Set #4

Fauna One – http://www.google.com/fonts/specimen/Fauna+One
Gudea – http://www.google.com/fonts/specimen/Gudea
Gudea – http://www.google.com/fonts/specimen/Gudea

 

Font Set #5

Old Standard – http://www.google.com/fonts/specimen/Old+Standard+TT
Opens Sans – http://www.google.com/fonts/specimen/Open+Sans
Old Standard – http://www.google.com/fonts/specimen/Old+Standard+TT

 

Font Set #6

Copse – https://www.google.com/fonts/specimen/Copse
Muli – https://www.google.com/fonts/specimen/Muli
Muli – https://www.google.com/fonts/specimen/Muli

 

You can view a few examples of our Rebecca theme using some of the font variations above here:

Font Combinations

Want to share your Flotheme with one of the font combos from above? Make sure to join our Group Here and let us know.

The trick to working with fonts is to experiment until it feels right. Also, if you want to know where to change the fonts in your Flotheme, follow our video tutorials here and select your theme from the options to make the changes.

     Get Your Free

Font Kit Guide

Sign up for our newsletter and get your free font kits guide with more font options for your site!

Enjoy!

Flothemes.

 

What Are You Looking For ?