font, use explicit base size so that Firefox hopefully does not distort things anymore.

pages/helpers/font.css

@@ -7,28 +7,60 @@
 			}
 			/* */
 
-			p,li,code,a,pre {
+			/*** Fonts ***/
-				font-size: medium;
+
+			html, body {
+				font-family: system-ui, sans-serif;
 			}
 
-			b,figcaption {
+			/* */
-				font-size: large;
+			h1, h2, h3, h4, h5, h6 {
+				font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif;
+			}
+			/* */
+
+			/*** Font Sizes ***/
+
+			html, body {
+				font-size: 16px;
+			}
+
+			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 {
+			strong, img {
-				font-size: larger;
+				font-size: 1.2rem;
 				font-weight: bolder;
 			}
 
-			h6,h5 {
+			h6, h5 {
-				font-size: larger;
+				font-size: 1.5rem;
 			}
 
-			h4,h3 {
+			h4, h3 {
-				font-size: x-large;
+				font-size: 1.75rem;
 			}
 
-			h2,h1 {
+			h2, h1 {
-				font-size: xx-large;
+				font-size: 2rem;
 			}

pages/helpers/menu.php

@@ -44,7 +44,7 @@
 				| Media:
 				<a href="https://git.hyperling.com/me/"
 					target="_blank" rel="noopener noreferrer">Code</a>
-				<a href="https://works.hyperling.com/tags/books/"
+				<a href="https://works.hyperling.com/categories/books/"
 					target="_blank" rel="noopener noreferrer">Books</a>
 				<a href="https://works.hyperling.com/videos/"
 					target="_blank" rel="noopener noreferrer">Videos</a>