custom.css
... ...
@@ -31,7 +31,7 @@ body {
31 31
padding: 0;
32 32
background: var(--bg);
33 33
color: var(--fg);
34
- font: 16px/1.7 monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
34
+ font-family: monospace, Iosevka, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";
35 35
}
36 36
37 37
/* Centered column, slightly wider for prose/code */
... ...
@@ -111,3 +111,53 @@ blockquote {
111 111
112 112
/* ===== UI bits ===== */
113 113
hr { border: 0; border-top: 1px solid var(--border); margin: 2.5
114
+
115
+/* Use your monospace everywhere inside the Markdown container */
116
+.markdown-body {
117
+ font-family: "Iosevka Comfy", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
118
+}
119
+
120
+/* Make children inherit it (buttons, inputs, etc. default to UI fonts otherwise) */
121
+.markdown-body *,
122
+.markdown-body *::before,
123
+.markdown-body *::after {
124
+ font-family: inherit !important;
125
+}
126
+
127
+/* Keep code explicitly monospace (same family, but be explicit for safety) */
128
+.markdown-body code,
129
+.markdown-body kbd,
130
+.markdown-body samp,
131
+.markdown-body pre,
132
+.markdown-body pre code {
133
+ font-family: "Iosevka Comfy", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
134
+}
135
+
136
+/* Headings: ensure they also use your stack and your spacing */
137
+.markdown-body h1,
138
+.markdown-body h2,
139
+.markdown-body h3,
140
+.markdown-body h4,
141
+.markdown-body h5,
142
+.markdown-body h6 {
143
+ font-family: inherit !important;
144
+ font-weight: 700 !important;
145
+ line-height: 1.25 !important;
146
+ margin: 2.5rem 0 1rem !important;
147
+}
148
+
149
+/* Optional: form controls sometimes ignore inherit—force them too */
150
+.markdown-body input,
151
+.markdown-body textarea,
152
+.markdown-body select,
153
+.markdown-body button {
154
+ font-family: inherit !important;
155
+}
156
+
157
+/* If Gollum wraps content differently, cover the common containers too */
158
+.gollum-site,
159
+#container,
160
+.page,
161
+main {
162
+ font-family: "Iosevka Comfy", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
163
+}