Skip to content

Instantly share code, notes, and snippets.

Created January 10, 2021 01:41
  • Star 3 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
custom css for changing fonts on the 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