Last active
February 14, 2024 00:52
-
-
Save brainsik/261d89244ea9ba2baf379fadfee490c9 to your computer and use it in GitHub Desktop.
My trashy CSS to make Obsidian use the fonts I like
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
:root{ | |
/* editor mode */ | |
--text-editor: 'iA Writer Mono S'; | |
/* code */ | |
--font-monospace: 'FiraCode Nerd Font'; | |
} | |
body { | |
font-family: var(--default-font); | |
} | |
text{ | |
font-family: var(--default-font); | |
} | |
/* -- editor mode -- */ | |
.markdown-source-view { /*Editor Mode*/ | |
font-family: var(--text-editor); | |
} | |
.cm-s-obsidian .hmd-fold-html-stub, | |
.cm-s-obsidian .hmd-fold-code-stub, | |
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code, | |
.cm-s-obsidian .cm-formatting-hashtag, | |
.cm-s-obsidian .cm-inline-code, | |
.cm-s-obsidian span.cm-inline-code, | |
.cm-s-obsidian .cm-hmd-indented-code, | |
.cm-s-obsidian .HyperMD-codeblock, | |
.cm-s-obsidian .HyperMD-hr, | |
.cm-s-obsidian .cm-hmd-frontmatter, | |
.cm-s-obsidian .cm-hmd-orgmode-markup, | |
.cm-s-obsidian .cm-formatting-code, | |
.cm-s-obsidian .cm-math, | |
.cm-s-obsidian span.hmd-fold-math-placeholder, | |
.cm-s-obsidian .CodeMirror-linewidget kbd, | |
.cm-s-obsidian .hmd-fold-html kbd { | |
font-family: var(--font-monospace); | |
font-size: 100%; | |
line-height: 1.5; | |
text-rendering: optimizeLegibility; | |
-webkit-font-feature-settings: "liga" on, "calt" on, "ss02" on; | |
} | |
/* -- preview mode -- */ | |
.markdown-preview-view code { | |
font-family: var(--font-monospace); | |
font-size: 100%; | |
text-rendering: optimizeLegibility; | |
-webkit-font-feature-settings: "liga" on, "calt" on, "ss02" on; | |
} | |
/* Code blocks */ | |
/* Inline code */ | |
code[class*="language-"], | |
pre[class*="language-"] { | |
font-family: var(--font-monospace); | |
font-size: 100%; | |
text-rendering: optimizeLegibility; | |
-webkit-font-feature-settings: "liga" on, "calt" on, "ss02" on; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Found and forked an iA inspired theme.