Design is one of the most important points in building the brand image of a company or product. Within design, choosing the typography is fundamental, both for its beauty and readability. Another important point is finding the right font combination for the design. This is where Font Generator comes into play, an online tool created by Brandmark that offers more than 500 free Google fonts that you can combine.

The online interface of the platform is very simple and visual, and you can combine fonts in two steps with just a few clicks. The first thing you'll need to do is choose among three different types of fonts to create style combinations:

The Three Font Types

Title Font: In this first option, you'll select the typography for the main title of the page.

Accent Font: In this second option, you'll choose a complementary, smaller font (for quotes, subtitles, dates, and so on).

Body Font: In the third box, you'll pick the font for paragraphs and content.

Font Generator: How to Combine Fonts
Very easy to use

You'll also find a bar where you can increase or decrease the intensity of the typography; this option is very useful for improving text readability on the page. Below, you'll see the font combination you've created in different uses (articles, combined with photos, as headers, and with different backgrounds). For each font, you'll find a Google Webfonts link where you can get the CSS code to insert them into your website.

Font Generator: How to Combine Fonts
You'll do everything in two steps

Actually, comparing and choosing fonts with Brandmark's Font Generator tool is a simple and very visual task. If you had to do this manually, it would take you a lot of time and you'd never achieve the results that Font Generator offers.

Official site: