Source Code Pro

MonospaceVariableItalics

Available Weights

200300400500600700800900

CSS Import

@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;400;500;600;700;800;900&display=swap');

CSS Rule

font-family: 'Source Code Pro', monospace;

HTML Link Tag

<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@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

About Source Code Pro

Source Code Pro is a monospace typeface designed by Paul Hunt. It is a variable font offering continuous weight adjustment. Includes italic styles.

Google Fonts hosts over 1,500 open-source font families that can be used freely in any website or application.Source Code Pro is a popular choice in the monospace category, designed by Paul Hunt. As a variable font, Source Code Pro offers continuous weight adjustment between its lightest and heaviest weights, providing more precise typographic control while using a single font file that loads efficiently.

To use Source Code Pro in your project, add the CSS import or HTML link tag above to your stylesheet or HTML head. Then apply the font-family rule to your CSS selectors. For optimal performance, only load the weights you actually need and use the 'display=swap' parameter to prevent invisible text during font loading (FOIT). Consider self-hosting the font files for faster load times in production applications.