Nyght Serif is the best :)

1 files changed, 87 insertions, 4 deletions

diff --git a/themes/conspiracy/assets/css/style.css b/themes/conspiracy/assets/css/style.css
index 489a218..afe98d7 100644
--- a/themes/conspiracy/assets/css/style.css
+++ b/themes/conspiracy/assets/css/style.css
@@ -20,10 +20,77 @@ html {
     --default-border: 0.5px dotted rgba(255, 255, 255, 0.3);
 }
 
+/*
 @font-face {
     font-family: "Manuskript Gothisch";
     src: url("{{ (resources.Get "fonts/manuskript_gothisch/Manuskript Gothisch UNZ1A.ttf").RelPermalink }}");
 }
+*/
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Light.woff2").RelPermalink }}");
+    font-weight: 100;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-LightItalic.woff2").RelPermalink }}");
+    font-weight: 100;
+    font-style: italic;  
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Regular.woff2").RelPermalink }}");
+    font-weight: 400;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-RegularItalic.woff2").RelPermalink }}");
+    font-weight: 400;
+    font-style: italic;  
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Medium.woff2").RelPermalink }}");
+    font-weight: 500;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-MediumItalic.woff2").RelPermalink }}");
+    font-weight: 500;
+    font-style: italic;  
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Bold.woff2").RelPermalink }}");
+    font-weight: 700;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-BoldItalic.woff2").RelPermalink }}");
+    font-weight: 700;
+    font-style: italic;  
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Dark.woff2").RelPermalink }}");
+    font-weight: 900;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-DarkItalic.woff2").RelPermalink }}");
+    font-weight: 900;
+    font-style: italic;  
+}
 
 @font-face {
     font-family: "Roboto Slab";
@@ -31,6 +98,7 @@ html {
     font-weight: 100 200 300 400 500 600 700 800 900;
 }
 
+/*
 @font-face {
     font-family: "Bodoni Moda";
     src: url("{{ (resources.Get "fonts/bodoni_moda/static/BodoniModa_9pt/BodoniModa_9pt-MediumItalic.ttf").RelPermalink }}");
@@ -41,6 +109,7 @@ html {
     font-family: "Bodoni Moda";
     src: url("{{ (resources.Get "fonts/bodoni_moda/static/BodoniModa_18pt/BodoniModa_18pt-Medium.ttf").RelPermalink }}");
 }
+*/
 
 @font-face {
     font-family: "Fira Code";
@@ -70,7 +139,7 @@ body {
 }
 
 strong {
-    font-family: "Bodoni Moda";
+    font-family: "Nyght Serif";
     font-style: italic;
 }
 
@@ -151,12 +220,23 @@ main > .intro {
 h1, h2, h3, h4, h5, h6 {
     margin-top: 50px;
     margin-bottom: 8px;
-    font-family: "Bodoni Moda";
+    font-family: "Nyght Serif";
     text-align: left;
+    font-weight: 700;
 }
 
 h1 {
-    font-family: "Bodoni Moda";
+    font-style: italic;  
+}
+
+h2 {
+    font-size: 30px;
+    font-weight: 400;
+}
+
+h3 {
+    font-size: 20px;
+    font-weight: 700;
 }
 
 body > header {
@@ -176,7 +256,10 @@ body > header > h1 {
     -webkit-background-clip: text;
     color: transparent;
     filter: drop-shadow(0 0 10px rgba(0, 0, 0, var(--shadow-opacity)));
-    font-size: 40px;
+    font-size: 120px;
+    /* Padding to avoid the first character getting cut off in firefox */
+    padding-left: 40px;
+    padding-right: 40px;
 }
 
 /* https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ */