diff --git a/assets/main.scss b/assets/main.scss
index da996d70d..a42123209 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -2,13 +2,43 @@
 # front-matter
 ---
 
-/** @format */
-
 @charset "utf-8";
-$base-font-family:
-  ui-sans-serif, system-ui, "Liberation Sans", Arimo, Arial, sans-serif;
+
+// Font specifications. I keep changing my mind on what are the most pleasant
+// fonts to my eyes, so I won't bother commenting them here.'
+$serif-font-family:
+  ui-serif, "Roboto Serif", "Noto Serif", Tinos, serif, "Noto Emoji",
+  "Noto Color Emoji", "Segoe UI Emoji", emoji;
+$sans-serif-font-family:
+  "Inclusive Sans", ui-sans-serif, "Roboto Flex", "Segoe UI Variable", Roboto,
+  "Noto Sans", Arimo, sans-serif, "Noto Emoji", "Noto Color Emoji",
+  "Segoe UI Emoji", emoji;
 $monospace-font-family:
-  ui-monospace, "Liberation Mono", Cousine, "Courier New", monospace;
+  "Comic Shanns Mono", ui-monospace, "Roboto Mono", "Segoe UI Mono",
+  "Noto Mono", Cousine, monospace, "Noto Emoji", "Noto Color Emoji",
+  "Segoe UI Emoji", emoji;
+// Must be in the end under threat of undefined variable error.
+$base-font-family: $sans-serif-font-family;
+
+@font-face {
+  font-family: "Inclusive Sans";
+  src: url("https://raw.githubusercontent.com/LivKing/Inclusive-Sans/refs/heads/main/fonts/webfonts/InclusiveSans[wght].woff2")
+    format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Inclusive Sans Italic";
+  src: url("https://raw.githubusercontent.com/LivKing/Inclusive-Sans/refs/heads/main/fonts/webfonts/InclusiveSans-Italic[wght].woff2")
+    format("woff2");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Comic Shanns Mono";
+  src: url("https://raw.githubusercontent.com/jesusmgg/comic-shanns-mono/refs/heads/master/fonts/ComicShannsMono-Regular.otf")
+    format("opentype");
+}
 
 @import "{{ site.theme }}";
 
@@ -22,21 +52,60 @@ $monospace-font-family:
   background-color: revert !important;
   //margin: auto  !important;
   //  line-height: 1.2 !important;
+  // A4 paper
+  //max-width: 210mm !important;
   font-size: revert;
   //padding: auto !important;
   overflow-wrap: break-word !important;
   hyphens: auto !important;
+  // Experimental trick to make all emojis text if supported.
+  //font-variant-emoji: text;
+  /* WCAG minimum suggestions */
+  margin-bottom: 2 !important;
+  line-height: 1.5 !important;
+  letter-spacing: 0.12 !important;
+  word-spacing: 0.16 !important;
 }
 
 a {
   text-decoration: underline !important;
 }
 
-pre,
+a.site-title {
+  font-family: $serif-font-family;
+}
+
+// Monospace preferred for code
+code,
+pre {
+  font-family: $monospace-font-family !important;
+}
+
+// So it will not look bigger than normal text
 code {
   font-size: 0.8em !important;
 }
 
+// Sans-Serif for headings to constrast with aminda.eu
+// h2,
+// h3,
+// h4,
+// h5,
+// h6 {
+//   font-family: $sans-serif-font-family !important;
+// }
+
+h2.footer-heading {
+  font-family: $sans-serif-font-family !important;
+}
+
+// The introduction on top
+#bio {
+  text-align: center;
+  font-style: italic;
+  font-family: ui-cursive, $sans-serif-font-family;
+}
+
 img {
   border-radius: 50% !important;
   display: block;
@@ -48,6 +117,12 @@ img {
   }
 }
 
+ul.linklist {
+  list-style: none inside;
+  font-family: $monospace-font-family;
+  //font-variant: small-caps;
+}
+
 // Customize the dark theme to be more me
 @media (prefers-color-scheme: dark) {
   * {