Source Code Pro

Try Source Code Pro

Weights and styles

• ExtraLight 200Source Code Pro ExtraLight ExtraLight Italic
• Light 300Source Code Pro Light Light Italic
• Regular 400Source Code Pro Regular Italic
• Medium 500Source Code Pro Medium Medium Italic
• SemiBold 600Source Code Pro SemiBold SemiBold Italic
• Bold 700Source Code Pro Bold Bold Italic
• ExtraBold 800Source Code Pro ExtraBold ExtraBold Italic
• Black 900Source Code Pro Black Black Italic

Source Code Pro is a variable font: the download holds the whole weight range in one file per style, and the named weights above are positions on that range.

About Source Code Pro

Source Code Pro is a monospaced family adapted from Source Sans after a request for a version suited to coding applications. It keeps the vertical proportions and general shapes of the sans but gives every glyph the same width in every weight. In the specimen the zero has a dot in its centre, the lowercase l bends at the foot and the i and j carry slab-like serifs, which separates characters that are easily confused in code. The family is a variable font with a weight axis from 200 to 900: eight named weights, ExtraLight to Black, each with an italic. The fonts hold 1,556 glyphs; the official notes say the 2019 update brought Greek, Cyrillic, Vietnamese and the italic styles. Paul D. Hunt designed the family, the name table also credits Teo Tuominen, and Adobe publishes it under the SIL Open Font License 1.1.

Where Source Code Pro works

Code editors and terminals

Uniform character widths align indentation, and the dotted zero and bent l keep 0, O, 1 and l apart.

Syntax themes that use weight and italic

Eight weights with italics let a theme show comments in italic and keywords in SemiBold without leaving the family.

Technical documentation

Inline code and command listings in Source Code Pro match body text set in Source Sans, which shares its proportions.

Comments and strings in other scripts

Greek, Cyrillic and Vietnamese character sets keep non-Latin comments and string literals in the same fixed width.

Data tables and logs

Fixed widths line up timestamps, hashes and numeric columns in plain-text output.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian
• Vietnamese
• Russian
• Ukrainian
• Bulgarian
• Greek

Writing systems with glyphs in the family besides Latin: Cyrillic, Greek. These are listed as scripts, not as a promise for every language written in them.

Character sets found in the files: cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Source Code Pro

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Source Code Pro on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Source Code Pro";
  src: url("/assets/fonts/SourceCodePro-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Code Pro";
  src: url("/assets/fonts/SourceCodePro-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Source Code Pro", monospace;
}

Or load it from the official source. Google Fonts serves Source Code Pro with this markup:

<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:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">

Things to know

The default instance is ExtraLight

The weight axis defaults to 200. Set a weight such as 400 explicitly in editors or CSS that do not read the named instances.

Two variable files

Roman and italic are separate variable fonts, each covering weights 200 to 900.

Reserved font name

The license notice reserves the name Source, a trademark of Adobe, so modified versions need a different name.

FAQs

Collections with Source Code Pro

• Monospace fonts for coding

  Fixed-width open-license families for editors and terminals, with clear zeros, several weights and, in most cases, italics.

• Type systems with matching sans, serif and mono families

  Families designed to be used together: a sans, a serif or slab and often a monospace that share proportions, weights and character.

Similar fonts

Other families in the same classification, ordered by shared use tags. All monospace fonts