How to Use Fontjoy

Getting started with Fontjoy

In this guide, you'll learn how to quickly generate harmonious font pairings using Fontjoy. By the end, you'll be able to create beautiful typography combinations for your design projects without the hassle.

Step 1: Sign up and set up

1. Go to Fontjoy's website.
2. You can start using Fontjoy immediately without signing up, as it offers a free tier. Simply click on the "Get Started" button on the homepage to access the font pairing generator.

Step 2: Your first font pairing

1. Once on the main interface, you'll see a default font combination displayed.
2. To generate a new pairing, click the "Generate" button in the centre of the screen. Each click will produce a new set of font combinations.
3. When you find a pairing you like, hover over the fonts displayed. You’ll see options to view more details or copy the font names.
4. Click on the font names to see additional styles and weights available for each typeface.

Step 3: Get better results

1. Use the "Contrast" slider on the left side to adjust the visual contrast between the two fonts. This helps you refine the pairing based on your design needs.
2. Experiment with the "Text Size" slider to see how the fonts look at different sizes. This is crucial for ensuring readability in your design.
3. If you have a specific style in mind, use the "Styles" dropdown menu to filter the results based on categories like Serif, Sans Serif, or Display.

Pro tip

Most beginners overlook the "Save" feature. If you find a combination you love, click the "Save" button to keep it for future reference. This way, you won't have to re-generate combinations later.

Common mistake to avoid

A common mistake is not testing the font pairings in your actual design context. Always preview the fonts in your design software, as what looks good on Fontjoy may not work well in your project.