From b15bc7b15a2420ce087861d4478879c2cc40e7c4 Mon Sep 17 00:00:00 2001
From: Hyperling <me@hyperling.com>
Date: Mon, 5 Oct 2026 07:58:14 -0700
Subject: [PATCH] font, install the new sizes and families to see how it looks
 on mobile using dev site.

---
 pages/helpers/font.css | 54 +++++++++++++++++++++++++++++++++---------
 1 file changed, 43 insertions(+), 11 deletions(-)

diff --git a/pages/helpers/font.css b/pages/helpers/font.css
index 2bc36d3..1c9732a 100644
--- a/pages/helpers/font.css
+++ b/pages/helpers/font.css
@@ -7,28 +7,60 @@
 			}
 			/* */
 
-			p,li,code,a,pre {
+			/*** Fonts ***/
+
+			html, body {
+				font-family: system-ui, sans-serif;
+			}
+
+			/* */
+			h1, h2, h3, h4, h5, h6 {
+				font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif;
+			}
+			/* */
+
+			/*** Font Sizes ***/
+
+			html, body {
 				font-size: medium;
 			}
 
-			b,figcaption {
-				font-size: large;
+			code, pre {
+				font-size: 0.8rem;
+
+  				font-family:
+					ui-monospace,
+               SFMono-Regular,
+               Menlo, Monaco,
+               Consolas,
+               "Liberation Mono",
+               "Courier New",
+               monospace
+				;
+			}
+
+			p, li, a {
+				font-size: 1rem;
+			}
+
+			b, figcaption {
+				font-size: 1.2rem;
 				font-weight: bold;
 			}
 
-			strong,img {
-				font-size: larger;
+			strong, img {
+				font-size: 1.2rem;
 				font-weight: bolder;
 			}
 
-			h6,h5 {
-				font-size: larger;
+			h6, h5 {
+				font-size: 1.5rem;
 			}
 
-			h4,h3 {
-				font-size: x-large;
+			h4, h3 {
+				font-size: 1.75rem;
 			}
 
-			h2,h1 {
-				font-size: xx-large;
+			h2, h1 {
+				font-size: 2rem;
 			}