Merge pull request #36 from runofthemillgeek/fix/font-family-fallback

Add font-family fallback and optimize font loading

1 files changed, 6 insertions, 7 deletions

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; */