Skip to content

Instantly share code, notes, and snippets.

@dragonwocky
Created January 10, 2021 01:41
Show Gist options
  • Save dragonwocky/bef8b9f5e116e5281588081c7a7ec9c4 to your computer and use it in GitHub Desktop.
Save dragonwocky/bef8b9f5e116e5281588081c7a7ec9c4 to your computer and use it in GitHub Desktop.
custom css for changing fonts on the notion.so website
:root {
--theme--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI',
Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
'Segoe UI Symbol';
--theme--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho',
'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC',
SimSun, 'Nanum Myeongjo', NanumMyeongjo, Batang, serif;
--theme--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
--theme--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
Courier, monospace;
--theme--font_quote: var(--theme--font_sans);
--theme--font_headings: var(--theme--font_sans);
}
[style*='Segoe UI'] {
font-family: var(--theme--font_sans) !important;
}
[style*='Georgia'] {
font-family: var(--theme--font_serif) !important;
}
[style*='iawriter-mono'] {
font-family: var(--theme--font_mono) !important;
}
[style*='SFMono-Regular'] {
font-family: var(--theme--font_code) !important;
}
.notion-selectable.notion-quote-block div[spellcheck='true'] {
font-family: var(--theme--font_quote) !important;
}
[placeholder='Heading 1'],
[placeholder='Heading 2'],
[placeholder='Heading 3'] {
font-family: var(--theme--font_headings) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment