Main Site
GitHub
Twitter
Search…
About
Usage
Fonts
Agave
Anonymous Pro
Cascadia Code
Fira
Hack
HK Grotesk
IBM Plex
Inter
JetBrains Mono
Liberation
Merriweather
Metropolis
mononoki
NeverMind
Open Sans
Plus Jakarta Sans
Prodigy Sans
Roboto
Source Code Pro
Space Mono
Font Sources
Links
GitHub
Powered By
GitBook
Source Code Pro
Installing
@import
<link>
At the top of your primary CSS file, insert:
@import
url
(
"https://cdn.jsdelivr.net/npm/@xz/
[email protected]
/serve/source-code-pro.min.css"
)
;
At the bottom of your
<head>
tag, insert:
<
link
rel
=
"
stylesheet
"
href
=
"
https://cdn.jsdelivr.net/npm/@xz/
[email protected]
/serve/source-code-pro.min.css
"
>
This tag needs to be inserted in all HTML documents in which you'd like to use the font.
Usage
To use this font in your CSS:
font-family
:
'Source Code Pro'
,
sans-serif
;
Styles
This font supports the following weights and styles:
Extra Light (200)
Extra Light Italic (200)
Light (300)
Light Italic (300)
Normal (400)
Normal Italic (400)
Medium (500)
Medium Italic (500)
Semibold (600)
Semibold Italic (600)
Bold (700)
Bold Italic (700)
Black (900)
Black Italic (900)
Previous
Roboto Slab
Next
Space Mono
Last modified
2yr ago
Copy link
Outline
Installing
Usage
Styles