Change fonts of Notion APP

notion.md

Change font settings for Notion (Web/Desktop App)

Notion provides only three fonts to choose... I have to inject css styles to meet my ends, using Stylus extension for Edge and Nativefier for Desktop App.

notion.css

.notion-page-content {
    font-family: 'Kaiti SC'
} 

.notion-text-block {
    font-size: 20px;
    margin-top: 6px !important;   
    margin-bottom: 6px !important;   
    
}

.notion-text-block span {
    color: #014141;
}

.notion-bulleted_list-block, .notion-numbered_list-block, 
.notion-toggle-block, .notion-to_do-list, 
.notion-callout-block, .notion-equation-block, 
.notion-page-block {
    font-size: 19px;
}

.notion-quote-block .notranslate {
    line-height: 1.7em;
}

.notion-quote-block{
    font-size: 19px;
    color: #777;
}

.notion-quote-block span{
    color: #065858;
}

.notion-code-block {
    font-size: 16px !important;
}

.notion-image-block {
    border: 10px solid #eee;
    border-radius: 10px;
}

Stylus Plugin for Chrome/Edge/Opera

https://add0n.com/stylus.html

Notion Desktop Icon

convert PNG to ICNS

Nativefier

https://github.com/nativefier/nativefier

nativefier https://notion.so --inject <path to notion.css> --icon <path to icon file> --name "Notion"

thanks,这样能把notion+immersive-translate的样式都统一了~