font, refactor file and adjust some more sizes.

pages/helpers/font.css

@@ -19,24 +19,7 @@
 			}
 			/* */
 
-			/*** Font Sizes ***/
+			code, pre, .mono {
-
-			html {
-				font-size: 16px;
-				/* Prevent Firefox Reader Inconsistency */
-				-webkit-text-size-adjust: 100%;
-				-moz-text-size-adjust: 100%;
-				-ms-text-size-adjust: 100%;
-				text-size-adjust: 100%;
-			}
-
-			body {
-				font-size: 1rem;
-			}
-
-			code, pre {
-				font-size: 0.8rem;
-
   				font-family:
 					ui-monospace,
                SFMono-Regular,
@@ -48,28 +31,46 @@
 				;
 			}
 
-			p, li, a {
+			/*** Font Sizes ***/
-				font-size: 1rem;
+
+			html {
+				font-size: 16px;
+				/* Prevent Firefox Reader Inconsistency */
+				-webkit-text-size-adjust: 100%;
+				-moz-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				text-size-adjust: 100%;
 			}
 
-			b, figcaption {
+			code, pre { font-size: 0.8rem; }
-				font-size: 1.1rem;
-				font-weight: bold;
-			}
 
-			strong, img {
+			body     { font-size: 1rem; }
-				font-size: 1.2rem;
+			p, li, a { font-size: 1rem; }
-				font-weight: bolder;
-			}
 
-			h6, h5 {
+			b          { font-size: 1.05rem; }
-				font-size: 1.5rem;
+			figcaption { font-size: 1.1rem; }
-			}
+			strong     { font-size: 1.2rem; }
+			img        { font-size: 1.25rem; }
 
-			h4, h3 {
+			/* More Subtle */
-				font-size: 1.75rem;
+			h6 { font-size: 1.3rem; }
-			}
+			h5 { font-size: 1.4rem; }
+			h4 { font-size: 1.5rem; }
+			h3 { font-size: 1.6rem; }
+			h2 { font-size: 1.7rem; }
+			h1 { font-size: 1.8rem; }
+			/* */
 
-			h2, h1 {
+			/* More Pronounced * /
-				font-size: 2rem;
+			h6 { font-size: 1.30rem; }
-			}
+			h5 { font-size: 1.55rem; }
+			h4 { font-size: 1.80rem; }
+			h3 { font-size: 1.95rem; }
+			h2 { font-size: 2.10rem; }
+			h1 { font-size: 2.35rem; }
+			/* */
+
+			/*** Font Weights ***/
+
+			b, figcaption { font-weight: bold; }
+			strong, img   { font-weight: bolder; }