How to find a font pairing
- Start somewhere. Describe your brand in a few words (“calm, premium skincare”) and the AI suggests three pairs, each with a reason. Or press Shuffle, or pick a pair from the gallery.
- Keep what you like. Lock the heading or the body font and shuffle again: you get partners for the font you kept. Click a font’s name to search the 1,900+ Google Fonts.
- Try it on your words. Click the sample text and type your own headline. Change the weight to see it bold or light.
- See it on a post. The pair is drawn on a carousel and an image post, in the colours of the theme you choose, the way aiCarousels makes them.
- Use it. Copy the HTML, @import or Tailwind code, or open the app with these fonts.
What makes two fonts work together
- Contrast, not conflict. Pair fonts that are clearly different (a serif heading with a sans body, a condensed display face with a plain sans), not two that are almost the same.
- One personality. Let the heading carry the character. The body font’s job is to disappear: even letters, open shapes, a good regular and bold.
- Similar proportions. Fonts with a similar x-height (the height of the small letters) sit well together, even when their styles differ.
- Two is enough. One font for headings and one for text. Use weight and size, not a third font, for everything else.
- Check it small. On a phone, a carousel’s body text is tiny. A font that looks elegant at 40 px can fall apart at 12 px.
Font pairs for social media posts
| Look | Heading | Body |
|---|---|---|
| Clean and modern | Space Grotesk | Inter |
| Editorial | Fraunces | Inter |
| Elegant | Playfair Display | Manrope |
| Bold and viral | Archivo Black | Inter |
| News and media | Bebas Neue | DM Sans |
| Friendly | Lora | Plus Jakarta Sans |
| Technical | JetBrains Mono | JetBrains Mono |
These are some of the pairs behind the app’s themes. The gallery under the tool has all of them, plus well-known Google Fonts pairings.
Using the pair on your website
Every font here is from Google Fonts, which are open source and free to use, commercially too. Copy the code: the HTML version goes in your page’s <head>, the @import version at the top of your CSS, and the Tailwind version adds font-heading and font-body to your config. Only the weights you use are loaded, so the page stays fast.
Free, and what the app adds
The font pairing generator is free, with no account. The AI suggestions have a daily limit. aiCarousels makes carousels, image posts and videos in your fonts and colours: write the idea, and every slide comes out on brand.
