font, install the new sizes and families to see how it looks on mobile using dev site.

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;
 			}
 
+			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: large;
+				font-size: 1.2rem;
 				font-weight: bold;
 			}
 
 			strong, img {
-				font-size: larger;
+				font-size: 1.2rem;
 				font-weight: bolder;
 			}
 
 			h6, h5 {
-				font-size: larger;
+				font-size: 1.5rem;
 			}
 
 			h4, h3 {
-				font-size: x-large;
+				font-size: 1.75rem;
 			}
 
 			h2, h1 {
-				font-size: xx-large;
+				font-size: 2rem;
 			}