Petrona font pairings
Fonts that go with Petrona — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Petrona is a free serif typeface designed by Ringo R. Seeber, added to Google Fonts in 2020.
It comes in 9 weights with matching italics, and is a variable font with a weight axis.
It is the #379 most popular Latin font family on Google Fonts and supports Latin, Latin Extended and Vietnamese characters.
With 9 weights, Petrona is versatile enough for headings, interface text and body copy.
Fonts that pair well with Petrona
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Petrona's serifs give headlines an editorial, trustworthy voice while Roboto's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Petrona's serifs give headlines an editorial, trustworthy voice while Poppins's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Petrona's serifs give headlines an editorial, trustworthy voice while Open Sans's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Inter keeps headings crisp and contemporary, while Petrona'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: Work Sans keeps headings crisp and contemporary, while Petrona'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.
Alfa Slab One brings character to headlines, and Petrona adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.
Try Petrona in the pairing tool →
How to use Petrona 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=Petrona:wght@400;700&display=swap" rel="stylesheet">font-family: 'Petrona', serif;Similar fonts to Petrona
Frequently asked questions
Is Petrona free for commercial use?
Yes. Petrona 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 Petrona?
Good matches for Petrona include Roboto, Poppins, Open Sans and Inter. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Petrona a variable font?
Yes. Petrona is a variable font with a weight (100–900) axis.
Who designed Petrona?
Petrona was designed by Ringo R. Seeber.