Source Code Pro
Google font with copy-ready CSS.
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap');
font-family: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
300, 400, 500, 600, 700
Sample
Typography that ships
Use real text, consistent scales, and reliable fallbacks. DesignFonts helps you pick fonts that look good and behave well.
Best for
dev
code
ui
Pairing ideas
No curated pairing yet. Generate one in Font Pair Generator.