1 files changed, 6 insertions(+), 5 deletions(-)

M themes/scolbyblog/static/main.css

@@ 24,7 24,8 @@
 html {
     text-size-adjust: 100%;
     font-size: 100%; /* 16px */
-    font-family: 'Iowan Old Style', 'Apple Garamond', Baskerville, 'Times New Roman', 'Droid Serif', Times, 'Source Serif Pro', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+    /* https://github.com/system-fonts/modern-font-stacks#old-style */
+    font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
     line-height: 1.5rem;
     /* https://justmarkup.com/articles/2015-07-31-dealing-with-long-words-in-css/ */
     overflow-wrap: break-word;


@@ 45,7 46,8 @@ body {
 }
 
 header {
-    font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'segoe ui', 'helvetica neue', helvetica, Ubuntu, roboto, noto, arial, sans-serif;
+    /* https://github.com/system-fonts/modern-font-stacks#geometric-humanist */
+    font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
     background-color: var(--accent-color);
     color: var(--main-color);
     padding: 0.75rem 0.5rem;


@@ 141,7 143,7 @@ footer {
 }
 
 code {
-    font-family: Menlo, Consolas, Monaco, 'Liberation Mono', 'Lucida Console', monospace;
+    font-family: monospace, monospace;
     outline: 1px solid var(--accent-color);
     background-color: var(--accent-color-light);
     padding: 0 3px;


@@ 152,7 154,7 @@ code {
 
 pre {
     overflow-x: auto;
-    font-family: Menlo, Consolas, Monaco, 'Liberation Mono', 'Lucida Console', monospace;
+    font-family: monospace, monospace;
     /*-webkit-box-shadow: var(--code-shadow);
     box-shadow: var(--code-shadow);*/
     outline: 1px solid var(--accent-color);


@@ 173,7 175,6 @@ pre code {
 
 
 h1, h2, h3, h4, h5, h6 {
-    font-family: 'Iowan Old Style', 'Apple Garamond', Baskerville, 'Times New Roman', 'Droid Serif', Times, 'Source Serif Pro', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
     color: var(--main-color);
     font-size: 1rem;
     line-height: 1.5rem;