Updating css for new fonts

src/scss/_variables.scss

@@ -17,14 +17,19 @@ $light: $white;
 $dark: $gray-900;
 $headings-color: $gray-900;
 // $headings-font-family: 'Open Sans', sans-serif;
-$headings-font-family: "RNSSanz", sans-serif;
-$headings-font-weight: 400;
+$headings-font-family: "Rotunda", sans-serif;
+$headings-font-weight: 600;
 
 // $font-family-sans-serif: 'Roboto', sans-serif;
-$font-family-sans-serif: "RNSSanz", sans-serif;
-$font-family-monospace: "BergenMono", monospace;
+$font-family-sans-serif: "Rotunda", sans-serif;
+$font-family-monospace: "Realtime", monospace;
 $font-family-serif: "Roboto Slab", serif;
 
+$font-weight-normal: 400;
+$font-weight-base: 400;
+
+$code-font-size: 100%;
+
 $link-color: $gray-800;
 $link-decoration: underline;
 

src/scss/fonts.scss

@@ -1,3 +1,5 @@
+// RNSSanz
+
 @font-face {
     font-family: "RNSSanz";
     src: url("../../src/fonts/RNSSanz/RNSSanz-Light.ttf");
@@ -7,7 +9,7 @@
 
 @font-face {
     font-family: "RNSSanz";
-    src: url("../../src/fonts/RNSSanz/RNSSanz-Medium.ttf");
+    src: url("../../src/fonts/RNSSanz/RNSSanz-Normal.ttf");
     font-display: swap;
 }
 
@@ -46,6 +48,8 @@
     font-display: swap;
 }
 
+// BergenMono
+
 @font-face {
     font-family: "BergenMono";
     src: url("../../src/fonts/BergenMono/BergenMono-Regular.otf");
@@ -58,3 +62,118 @@
     font-weight: 700;
     font-display: swap;
 }
+
+// Liber
+
+@font-face {
+    font-family: "Liber";
+    src: url("../../src/fonts/Liber/normal/LiberGrotesqueFamily-Light.ttf");
+    font-weight: 300;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Liber";
+    src: url("../../src/fonts/Liber/normal/LiberGrotesqueFamily-Regular.ttf");
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Liber";
+    src: url("../../src/fonts/Liber/normal/LiberGrotesqueFamily-News.ttf");
+    font-weight: 500;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Liber";
+    src: url("../../src/fonts/Liber/normal/LiberGrotesqueFamily-SemiBold.ttf");
+    font-weight: 600;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Liber";
+    src: url("../../src/fonts/Liber/normal/LiberGrotesqueFamily-Bold.ttf");
+    font-weight: 700;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Liber";
+    src: url("../../src/fonts/Liber/normal/LiberGrotesqueFamily-ExtBd.ttf");
+    font-weight: 800;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Liber";
+    src: url("../../src/fonts/Liber/normal/LiberGrotesqueFamily-Black.ttf");
+    font-weight: 900;
+    font-display: swap;
+}
+
+// Rotunda
+
+@font-face {
+    font-family: "Rotunda";
+    src: url("../../src/fonts/Rotunda/normal/Rotunda-Light.otf");
+    font-weight: 300;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Rotunda";
+    src: url("../../src/fonts/Rotunda/normal/Rotunda-Regular.otf");
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Rotunda";
+    src: url("../../src/fonts/Rotunda/normal/Rotunda-Medium.otf");
+    font-weight: 500;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Rotunda";
+    src: url("../../src/fonts/Rotunda/normal/Rotunda-Bold.otf");
+    font-weight: 700;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Rotunda";
+    src: url("../../src/fonts/Rotunda/normal/Rotunda-ExtraBold.otf");
+    font-weight: 800;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Rotunda";
+    src: url("../../src/fonts/Rotunda/normal/Rotunda-Black.otf");
+    font-weight: 900;
+    font-display: swap;
+}
+
+// Realtime
+
+@font-face {
+    font-family: "Realtime";
+    src: url("../../src/fonts/Realtime/Realtime.ttf");
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Realtime";
+    src: url("../../src/fonts/Realtime/Realtime\ Semibold.ttf");
+    font-weight: 600;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Realtime";
+    src: url("../../src/fonts/Realtime/Realtime\ Bold.ttf");
+    font-weight: 700;
+    font-display: swap;
+}

src/scss/panaetius-theme.scss

@@ -23,10 +23,12 @@ code {
     background-color: $gray-100;
     border-radius: $border-radius-sm;
     padding: .125rem .2rem;
+    font-weight: 700;
 }
 
 code[class*=language-], pre[class*=language-] {
-    font-family: "BergenMono" !important;
+    font-family: $font-family-monospace !important;
+    font-weight: 600;
     color: red;
     @include font-size($code-font-size);
 }
@@ -92,7 +94,7 @@ footer a:not(.icons) {
 }
 
 img.front-background {
-    opacity: 5% !important;
+    opacity: 0.05;
     display: block;
     width: 100%;
     height: 100%;

src/scss/styles.scss

@@ -1,5 +1,6 @@
 @import "_variables";
 @import "~bootstrap/scss/bootstrap";
+@import "~aos/dist/aos.css";
 @import "panaetius-theme";
 @import "sticky-footer";
 @import "search";