Use .woff2 files instead of base64 encoding

client/homebrew/phbStyle/phb.fonts.less

@@ -1,55 +1,73 @@
-/* Main Font */
+/* Main Font, serif */
 @font-face {
-	font-family: BookInsanity;
+	font-family: BookInsanityRemake;
-	src: url('/assets/homebrewery/phb_style/fonts/Bookinsanity.otf');
+	src: url('../fonts/v3/Bookinsanity.woff2');
 	font-weight: normal;
 	font-style: normal;
 }
 @font-face {
-	font-family: BookInsanity;
+	font-family: BookInsanityRemake;
-	src: url('/assets/homebrewery/phb_style/fonts/Bookinsanity Bold.otf');
+	src: url('../fonts/v3/Bookinsanity Bold.woff2');
 	font-weight: bold;
 	font-style: normal;
 }
 @font-face {
-	font-family: BookInsanity;
+	font-family: BookInsanityRemake;
-	src: url('/assets/homebrewery/phb_style/fonts/Bookinsanity Italic.otf');
+	src: url('../fonts/v3/Bookinsanity Italic.woff2');
 	font-weight: normal;
 	font-style: italic;
 }
 @font-face {
-	font-family: BookInsanity;
+	font-family: BookInsanityRemake;
-	src: url('/assets/homebrewery/phb_style/fonts/Bookinsanity Bold Italic.otf');
+	src: url('../fonts/v3/Bookinsanity Bold Italic.woff2');
 	font-weight: bold;
 	font-style: italic;
 }
 
-/* Notes and Tables */
+/* Notes and Tables, sans-serif */
 @font-face {
-	font-family: ScalySans;
+	font-family: ScalySansRemake;
-	src: url('/assets/homebrewery/phb_style/fonts/Scaly Sans.otf');
+	src: url('../fonts/v3/Scaly Sans.woff2');
 	font-weight: normal;
 	font-style: normal;
 }
 @font-face {
-	font-family: ScalySansSmallCaps;
+	font-family: ScalySansRemake;
-	src: url('/assets/homebrewery/phb_style/fonts/Scaly Sans Caps.otf');
+	src: url('../fonts/v3/Scaly Sans Bold.woff2');
-	font-weight: normal;
+	font-weight: bold;
 	font-style: normal;
 }
-
-/* Fancy First Letter */
 @font-face {
-	font-family: Solbera;
+	font-family: ScalySansRemake;
-	src: url('/assets/homebrewery/phb_style/fonts/Solbera Imitation.otf');
+	src: url('../fonts/v3/Scaly Sans Italic.woff2');
+	font-weight: normal;
+	font-style: italic;
+}
+@font-face {
+	font-family: ScalySansRemake;
+	src: url('../fonts/v3/Scaly Sans Bold Italic.woff2');
+	font-weight: bold;
+	font-style: italic;
+}
+@font-face {
+	font-family: ScalySansSmallCapsRemake;
+	src: url('../fonts/v3/Scaly Sans Caps.woff2');
 	font-weight: normal;
 	font-style: normal;
 }
 
 /* Headers */
 @font-face {
-	font-family: MrEaves;
+	font-family: MrEavesRemake;
-	src: url('/assets/homebrewery/phb_style/fonts/Mr Eaves Small Caps.otf');
+	src: url('../fonts/v3/Mr Eaves Small Caps.woff2');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* Fancy Drop Cap */
+@font-face {
+	font-family: SolberaImitationRemake; //Tweaked v3 version
+	src: url('../fonts/v3/Solbera Imitation Tweak.woff2');
 	font-weight: normal;
 	font-style: normal;
 }

client/homebrew/phbStyle/phb.fontsLegacy.less

@@ -0,0 +1,55 @@
+/* Main Font, serif */
+@font-face {
+	font-family: BookSanity;
+	src: url('../fonts/legacy/Download2.woff2');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: BookSanity;
+	src: url('../fonts/legacy/Bookinsanity Bold.woff2');
+	font-weight: bold;
+	font-style: normal;
+}
+@font-face {
+	font-family: BookSanity;
+	src: url('../fonts/legacy/Bookinsanity Italic.woff2');
+	font-weight: normal;
+	font-style: italic;
+}
+@font-face {
+	font-family: BookSanity;
+	src: url('../fonts/legacy/Bookinsanity Bold Italic.woff2');
+	font-weight: bold;
+	font-style: italic;
+}
+
+/* Notes and Tables, sans-serif */
+@font-face {
+	font-family: ScalySans;
+	src: url('../fonts/legacy/Scaly Sans.woff2');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: ScalySansSmallCaps;
+	src: url('../fonts/legacy/Scaly Sans Caps.woff2');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* Headers */
+@font-face {
+	font-family: MrJeeves;
+	src: url('../fonts/legacy/Mr Eaves Small Caps.woff2');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* Fancy Drop Cap */
+@font-face {
+	font-family: Solberry;
+	src: url('../fonts/legacy/Solbera Imitation.woff2');
+	font-weight: normal;
+	font-style: normal;
+}

client/homebrew/phbStyle/phb.style.less

@@ -1,4 +1,4 @@
-@import (less) './client/homebrew/phbStyle/phb.fonts.css';
+@import (less) './client/homebrew/phbStyle/phb.fonts.less';
 @import (less) './client/homebrew/phbStyle/phb.assets.less';
 
 //Colors
@@ -16,7 +16,7 @@ body {
 	-webkit-print-color-adjust : exact;
 }
 .useSansSerif(){
-	font-family : ScalySans;
+	font-family : ScalySansRemake;
 	font-size   : 10pt;
 	em{
 		font-style  : italic;
@@ -50,7 +50,7 @@ body {
 	padding           : 1.0cm 1.7cm 1.5cm;
 	background-color  : @background;
 	background-image  : @backgroundImage;
-	font-family       : BookSanity;
+	font-family       : BookInsanityRemake;
 	font-size         : 0.317cm;
 	text-rendering    : optimizeLegibility;
 	page-break-before : always;
@@ -110,7 +110,7 @@ body {
 	h1,h2,h3,h4{
 		margin-top    : 0.2em;
 		margin-bottom : 0.2em;
-		font-family   : MrJeeves;
+		font-family   : MrEavesRemake;
 		font-weight   : 800;
 		color         : @headerText;
 	}
@@ -121,7 +121,7 @@ body {
 		-moz-column-span    : all;
 		&+p::first-letter{
 			float       : left;
-			font-family : Solberry;
+			font-family : SolberaImitationRemake;
 			line-height : 0.8em;
 			font-size: 3.5cm;
 			padding-left: 40px;
@@ -153,7 +153,7 @@ body {
 	}
 	h5{
 		margin-bottom : 0.2em;
-		font-family   : ScalySansSmallCaps;
+		font-family   : ScalySansSmallCapsRemake;
 		font-size     : 0.423cm;
 		font-weight   : 900;
 	}
@@ -228,7 +228,7 @@ body {
 			}
 		}
 		h3{
-			font-family   : ScalySans;
+			font-family   : ScalySansRemake;
 			font-weight   : 400;
 			border-bottom : 1px solid @headerText;
 		}
@@ -431,7 +431,7 @@ body {
 	display             : block-inline;
 	margin-bottom       : 1em;
 	background-color    : #faf7ea;
-	font-family         : ScalySans;
+	font-family         : ScalySansRemake;
 	border-style        : solid;
 	border-width        : 7px;
 	border-image        : @descriptiveBoxImage 12 stretch;
@@ -446,11 +446,11 @@ body {
 		padding-top : .8em;
 	}
 	em {
-		font-family : ScalySans;
+		font-family : ScalySansRemake;
 		font-style  : italic;
 	}
 	strong {
-		font-family    : ScalySans;
+		font-family    : ScalySansRemake;
 		font-weight    : 800;
 		letter-spacing : -0.02em;
 	}

client/homebrew/phbStyle/phb.styleLegacy.less

@@ -1,4 +1,4 @@
-@import (less) './client/homebrew/phbStyle/phb.fonts.css';
+@import (less) './client/homebrew/phbStyle/phb.fontsLegacy.less';
 @import (less) './client/homebrew/phbStyle/phb.assets.less';
 @import (less) './client/homebrew/phbStyle/phb.depricated.less';
 //Colors

scripts/buildHomebrew.js

@@ -20,6 +20,7 @@ const build = async ({ bundle, render, ssr })=>{
 	await fs.outputFile('./build/homebrew/bundle.js', bundle);
 	await fs.outputFile('./build/homebrew/ssr.js', ssr);
 	await fs.outputFile('./build/homebrew/render.js', render);
+	await fs.copy('./client/homebrew/phbStyle/fonts', './build/fonts');
 
 	//compress files in production
 	if(!isDev){

shared/naturalcrit/nav/nav.less

@@ -1,4 +1,3 @@
-//@import (less) 'naturalcrit/styles/style.fonts.css';
 nav{
 	background-color : #333;
 	.navContent{