From 9c26a0b62093bc0ffafd7e0b9625888f929d1d84 Mon Sep 17 00:00:00 2001
From: Sangeeth Sudheer <git@sangeeth.dev>
Date: Mon, 28 Oct 2024 13:23:56 +0530
Subject: Add font-family fallback and optimize font loading

Optimized font loading by adding `font-display: swap`. Additionally,
moved font-family values into CSS variables.
---
 assets/css/main.css | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

(limited to 'assets/css/main.css')

diff --git a/assets/css/main.css b/assets/css/main.css
index 1675d41..2ab2b61 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -3,7 +3,7 @@ html {
 }
 
 body {
-  font-family: "Literata";
+  font-family: var(--font-body);
   margin: auto;
   max-width: var(--main-width);
   padding-left: var(--main-padding);
@@ -89,7 +89,7 @@ code {
   -o-font-feature-settings: "liga", "dlig";
   font-feature-settings: "liga", "dlig";
   font-variant-ligatures: contextual;
-  font-family: "Monaspace";
+  font-family: var(--font-mono);
   font-size: .9em;
   line-height: 0;
 }
@@ -129,7 +129,7 @@ hr {
 }
 
 .header p {
-  font-family: monospace;
+  font-family: var(--font-mono);
   margin-top: var(--header-menu-top-gap);
   margin-right: var(--header-menu-side-gap);
 }
@@ -156,7 +156,7 @@ footer {
 }
 
 footer a {
-  font-family: "Monaspace";
+  font-family: var(--font-mono);
   margin-left: .2rem;
   margin-right: .2rem;
 }
@@ -182,7 +182,7 @@ footer a {
 
 .line-date {
   font-size: small;
-  font-family: "Monaspace";
+  font-family: var(--font-mono);
   min-width: 120px;
   max-width: 120px;
   text-align: right;
@@ -456,7 +456,6 @@ figcaption {
 /* breadcrumbs */
 
 .breadcrumbs {
-  /* font-family: "Monaspace"; */
   font-size: .8em;
   margin-bottom: calc(-0.5 * var(--h1-margin-top));
 }
@@ -471,7 +470,7 @@ figcaption {
 
 .back-to-top {
   text-align: center;
-  font-family: "Monaspace";
+  font-family: var(--font-mono);
   font-size: small;
   margin-bottom: 2rem;
   /* margin-top: -3rem; */
-- 
cgit v1.2.3