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