Skip to content

Instantly share code, notes, and snippets.

@katagaki
Last active May 19, 2023 03:26
Show Gist options
  • Save katagaki/6321ded941644f754aeb6a64d29b2f79 to your computer and use it in GitHub Desktop.
Save katagaki/6321ded941644f754aeb6a64d29b2f79 to your computer and use it in GitHub Desktop.
Use system fonts throughout websites.
body:not(.google-material-icons):not(.material-icons-extended):not(.material-icons):not(.glyphicon):not(.codicon):not(.icon):not(.big-icon):not(i):not(code):not(pre):not(.token):not(.cm-qualifier):not(.cm-keyword):not(.cm-property):not(.cm-atom):not(.cm-comment):not(.DPvwYc):not(.el-picker-panel__icon-btn) {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
font-size: normal!important;
letter-spacing: normal!important
}
code, pre, .token, .CodeMirror-line, .js-blob-code-container, .blob-code-content, .blob-code-inner, .hljs {
font-family: 'SF Mono',SFMono-Regular,ui-monospace,'DejaVu Sans Mono',Menlo,Consolas,monospace!important;
font-size: normal!important;
letter-spacing: normal!important
}
@katagaki
Copy link
Author

katagaki commented Oct 8, 2022

Alternative compact version for Safari:

html body:not(.google-material-icons):not(.material-icons-extended):not(.material-icons):not(.glyphicon):not(.codicon):not(.icon):not(.big-icon):not(i), div, span:not(.google-material-icons):not(.material-icons-extended):not(.material-icons):not(.glyphicon):not(.codicon):not(.icon):not(.big-icon):not(i) { 
  font-family: -apple-system, BlinkMacSystemFont, sans-serif !important
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment