Switch to using Humanist font stack as the default font

helenclx · Aug 6, 2024 · c4d112c · c4d112c
1 parent 6f61324
commit c4d112c
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 14 deletions.
diff --git a/src/_includes/global/header.njk b/src/_includes/global/header.njk
@@ -104,7 +104,7 @@
 
     .header__link {
         position: relative;
-        font-size: 1.125rem;
+        font-size: 1.25rem;
         text-decoration: none;
     }
 

diff --git a/src/_includes/global/toc.njk b/src/_includes/global/toc.njk
@@ -17,7 +17,7 @@
     }
 
     .toc__heading {
-        font-size: 1.3rem;
+        font-size: 1.4rem;
         font-weight: 700;
         cursor: pointer;
     }
@@ -43,13 +43,13 @@
     }
 
     .toc ol a {
-        font-size: 1.1rem;
+        font-size: 1.1em;
         padding-left: 0.3em;
     }
 
     .toc ol ol a {
         padding: 0;
-        font-size: 1rem;
+        font-size: 1em;
     }
 
     @media only screen and (min-width: 60rem) {

diff --git a/src/assets/css/blog.css b/src/assets/css/blog.css
@@ -2,7 +2,7 @@
 .blog__postlist,
 .blog__post--info { display: grid; }
 .blog__postlist { gap: 0.5em; }
-.blog__postlist--title { font-size: 1.3rem; }
+.blog__postlist--title { font-size: var(--fs-bloglist-title); }
 
 .blog__post--info {
     gap: 0.3em;

diff --git a/src/assets/css/general.css b/src/assets/css/general.css
@@ -3,7 +3,8 @@ body {
     color: var(--clr-txt-default);
     background-color: var(--clr-body-bg);
     display: grid;
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-size: var(--fs-base);
+    font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
 }
 
 main { display: grid; }

diff --git a/src/assets/css/global.css b/src/assets/css/global.css
@@ -18,11 +18,14 @@
     --clr-top-btn-bg: #4153b6;
     --clr-top-btn-txt: #fff;
 
-    --fs-main-txt: 1.2rem;
-    --fs-h1: clamp(2rem, 1rem + 5vw, 3rem);
-    --fs-h2: clamp(1.55rem, 1rem + 3vw, 2.15rem);
-    --fs-h3: clamp(1.55rem, 1rem + 3vw, 1.8rem);
-    --fs-h4: clamp(1.4rem, 1rem + 3vw, 1.6rem);
+    --fs-base: 19px;
+    --fs-main-txt: 1.35rem;
+    --fs-profile: 1.6rem;
+    --fs-bloglist-title: 1.5rem;
+    --fs-h1: clamp(2.2rem, 1rem + 5vw, 3.3rem);
+    --fs-h2: clamp(1.7rem, 1rem + 3vw, 2.3rem);
+    --fs-h3: clamp(1.7rem, 1rem + 3vw, 2rem);
+    --fs-h4: clamp(1.6rem, 1rem + 3vw, 1.8rem);
 
     --sz-main-padding: clamp(1em, 5%, 1.5em);
     --sz-paragraph-margin: 1.15em;

diff --git a/src/assets/css/home.css b/src/assets/css/home.css
@@ -46,12 +46,12 @@
 
 .profile__text--lead {
     font-weight: 500;
-    font-size: 1.5rem;
+    font-size: var(--fs-profile);
 }
 
 .profile__text--highlight {
     font-weight: bold;
-    font-size: 1.5rem;
+    font-size: var(--fs-profile);
     color: var(--clr-accent-600);
 }
 

diff --git a/src/assets/css/utility.css b/src/assets/css/utility.css
@@ -11,7 +11,7 @@
 
 .inline-icon {
     vertical-align: -10%;
-    height: 1em;
+    height: 0.9em;
     fill: currentColor;
 }