Fira Code font pairings
Fonts that go with Fira Code — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Fira Code is a free monospace typeface designed by The Mozilla Foundation, Telefonica S.A. and Nikita Prokopov, added to Google Fonts in 2019.
It comes in 5 weights, and is a variable font with a weight axis.
It is the #202 most popular Latin font family on Google Fonts and supports Cyrillic, Cyrillic Extended, Greek, Latin and Latin Extended characters.
Every character in Fira Code has the same width, which makes it ideal for code, data, labels and a technical look.
Fonts that pair well with Fira Code
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Fira Code's fixed-width letters signal code and precision — great for headings, labels and data — while Montserrat keeps paragraphs readable.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Fira Code's fixed-width letters signal code and precision — great for headings, labels and data — while Google Sans keeps paragraphs readable.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Fira Code's fixed-width letters signal code and precision — great for headings, labels and data — while Quicksand keeps paragraphs readable.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Fira Code's fixed-width letters signal code and precision — great for headings, labels and data — while Karla keeps paragraphs readable.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Fira Code gives text a technical, typewriter texture; Poppins keeps headings bold and clear.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Fira Code gives text a technical, typewriter texture; Inter keeps headings bold and clear.
Try Fira Code in the pairing tool →
How to use Fira Code 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=Fira+Code:wght@400;700&display=swap" rel="stylesheet">font-family: 'Fira Code', monospace;Similar fonts to Fira Code
Frequently asked questions
Is Fira Code free for commercial use?
Yes. Fira Code 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 Fira Code?
Good matches for Fira Code include Montserrat, Google Sans, Quicksand and Karla. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Fira Code a variable font?
Yes. Fira Code is a variable font with a weight (300–700) axis.
Who designed Fira Code?
Fira Code was designed by The Mozilla Foundation, Telefonica S.A. and Nikita Prokopov.