main.scss: experiment with fonts again

Mikaela · Jun 8, 2024 · 953ce43 · 953ce43
1 parent b5dde24
commit 953ce43
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/assets/main.scss b/assets/main.scss
@@ -5,11 +5,14 @@
 @charset "utf-8";
 
 // Our variables
-$base-font-family: ui-serif, system-ui, "Liberation Serif", Tinos,
-  "Times New Roman", serif, emoji;
-//$base-font-family: ui-sans-serif, system-ui, "Liberation Sans", "Arimo", "Arial", sans-serif;
+$serif-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman",
+  serif, emoji;
+$sans-serif-font-family: ui-sans-serif, "Liberation Sans", "Arimo", "Arial",
+  sans-serif;
 $monospace-font-family: ui-monospace, "Liberation Mono", Cousine, "Courier New",
   monospace, emoji;
+// Must be in the end or undefined error.
+$base-font-family: $sans-serif-font-family;
 
 // CSS of used Jekyll theme
 @import "{{ site.theme }}";
@@ -43,6 +46,10 @@ a {
   text-decoration: underline !important;
 }
 
+a.site-title {
+  font-family: $serif-font-family;
+}
+
 // .page-content {
 //     width: 100% !important;
 //     max-width: 78ch !important;
@@ -60,6 +67,16 @@ code {
   font-size: 0.8em !important;
 }
 
+// Serif for headings?
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $serif-font-family !important;
+}
+
 // Overrides for light themes
 @media (prefers-color-scheme: light) {
   *:not(a) {
@@ -105,6 +122,7 @@ code {
 #bio {
   text-align: center;
   font-style: italic;
+  font-family: ui-cursive, $serif-font-family;
 }
 
 // _layouts/mini.html calls this for returning to index!