Yellowtail font pairings
Fonts that go with Yellowtail — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Yellowtail is a free handwriting typeface designed by Astigmatic, added to Google Fonts in 2011.
It comes in 1 weight.
It is the #197 most popular Latin font family on Google Fonts.
Yellowtail adds a personal, hand-made touch. Keep it to short phrases such as headlines, quotes or signatures, and pair it with a legible sans serif or serif for paragraphs.
Fonts that pair well with Yellowtail
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Yellowtail adds a human, hand-made touch to short headlines and accents; Figtree keeps everything else clear and legible.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Yellowtail adds a human, hand-made touch to short headlines and accents; Roboto Condensed keeps everything else clear and legible.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Yellowtail adds a human, hand-made touch to short headlines and accents; Rubik keeps everything else clear and legible.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Yellowtail adds a human, hand-made touch to short headlines and accents; Poppins keeps everything else clear and legible.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
The informal energy of Yellowtail is grounded by Roboto Slab's traditional serif structure — friendly but still polished.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
The informal energy of Yellowtail is grounded by Bitter's traditional serif structure — friendly but still polished.
Try Yellowtail in the pairing tool →
How to use Yellowtail on your website
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Yellowtail:wght@400&display=swap" rel="stylesheet">font-family: 'Yellowtail', cursive;Similar fonts to Yellowtail
Frequently asked questions
Is Yellowtail free for commercial use?
Yes. Yellowtail is distributed through Google Fonts under an open-source licence, so you can use it for free in personal and commercial projects, including websites, apps, logos and print.
What fonts go well with Yellowtail?
Good matches for Yellowtail include Figtree, Roboto Condensed, Rubik and Poppins. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Yellowtail a variable font?
No. Yellowtail is available as 1 static weight.
Who designed Yellowtail?
Yellowtail was designed by Astigmatic.