Varela font pairings
Fonts that go with Varela — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Varela is a free sans serif typeface designed by Joe Prince, added to Google Fonts in 2011.
It comes in 1 weight.
It is the #401 most popular Latin font family on Google Fonts.
Varela has a limited set of weights, so it is best used for headings or short text alongside a more extensive family.
Fonts that pair well with Varela
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Varela keeps headings crisp and contemporary, while Domine's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Varela keeps headings crisp and contemporary, while Source Serif 4's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Varela keeps headings crisp and contemporary, while Lora's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Two sans serifs can work when they differ in structure: Varela carries the headings, Open Sans handles text, and hierarchy comes from weight and size.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Two sans serifs can work when they differ in structure: Varela carries the headings, Rubik handles text, and hierarchy comes from weight and size.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Two sans serifs can work when they differ in structure: Varela carries the headings, Outfit handles text, and hierarchy comes from weight and size.
Try Varela in the pairing tool →
How to use Varela 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=Varela:wght@400&display=swap" rel="stylesheet">font-family: 'Varela', sans-serif;Similar fonts to Varela
Frequently asked questions
Is Varela free for commercial use?
Yes. Varela 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 Varela?
Good matches for Varela include Domine, Source Serif 4, Lora and Open Sans. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Varela a variable font?
No. Varela is available as 1 static weight.
Who designed Varela?
Varela was designed by Joe Prince.