Demonstrating how to use custom fonts in Super by using fonts hosted on GitHub.
Find or host your font files
Github is a great place to find find or host font files. You can use github search to find public repositories with hosted fonts, or create your own to host your font files.
Get your font file CDN url
Copy the permalink for your chosen font file on github, then change the prefix domain to https://gitcdn.link/cdn.
For example, this:
https://github.com/siegs/type/blob/083af86fda865e1914998bd4ddbd4d28da5e1cec/PolySans-Regular.woff2
Should look like this:
https://gitcdn.link/cdn/siegs/type/blob/083af86fda865e1914998bd4ddbd4d28da5e1cec/PolySans-Regular.woff2
Reference your CDN link in your HTML
Go to the custom code HTML section to reference your font’s url in the header, like so:
<link href="https://gitcdn.link/cdn/siegs/type/blob/083af86fda865e1914998bd4ddbd4d28da5e1cec/PolySans-Regular.woff2" rel="stylesheet">
Declare your font in your CSS
Go to your custom code CSS section to declare the font for your specified text elements, like so:
.notion-header__title {
font-family: 'Montserrat', Sans-Serif !important; }