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
Metropolis
Installing
@import
<link>
At the top of your primary CSS file, insert:
@import
url
(
"https://cdn.jsdelivr.net/npm/@xz/
[email protected]
/serve/metropolis.min.css"
)
;
At the bottom of your
<head>
tag, insert:
<
link
rel
=
"
stylesheet
"
href
=
"
https://cdn.jsdelivr.net/npm/@xz/
[email protected]
/serve/metropolis.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
:
'Metropolis'
,
sans-serif
;
Styles
This font supports the following weights and styles:
Thin (100)
Thin Italic (100)
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)
Extra Bold (800)
Extra Bold Italic (800)
Black (900)
Black Italic (900)
Previous
Merriweather
Next
mononoki
Last modified
2yr ago
Copy link
Outline
Installing
Usage
Styles