Add custom fonts: gentium and Iosevka.

1 files changed, 59 insertions, 2 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 88e4f71..696f192 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,8 +1,64 @@
+@font-face {
+  font-family: 'GentiumBookPlus';
+  src: url('/assets/fonts/GentiumBookPlus-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'GentiumBookPlus';
+  src: url('/assets/fonts/GentiumBookPlus-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'GentiumBookPlus';
+  src: url('/assets/fonts/GentiumBookPlus-Italic.woff2') format('woff2');
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'GentiumBookPlus';
+  src: url('/assets/fonts/GentiumBookPlus-BoldItalic.woff2') format('woff2');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IosevkaFixed';
+  src: url('/assets/fonts/IosevkaFixed-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IosevkaFixed';
+  src: url('/assets/fonts/IosevkaFixed-Italic.woff2') format('woff2');
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IosevkaFixed';
+  src: url('/assets/fonts/IosevkaFixed-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
 body {
-  font: 17px/1.6 sans-serif;
+  font: 19px/1.6 'GentiumBookPlus', sans-serif;
   text-rendering: optimizeLegibility;
   padding: 2rem;
-  max-width: 65ch;
+  max-width: 72ch;
   margin: 0 auto;
 }
 
@@ -26,6 +82,7 @@ header h1 {
 
 pre, code {
   font-size: 95%;
+  font-family: 'IosevkaFixed', monospace;
   background: #2d7a99;
   color: #ffffff;
   line-height: 1.5;