#7: Add Noto Sans font

app/static/css/partials/_layout.scss

@@ -21,7 +21,7 @@ body {
     animation: background_animation 60s ease-in-out infinite;
     background-size: 400% 100%;
     color: #ddd;
-    font-family: "Noto Sans";
+    font-family: "noto_sansregular", sans-serif;
     font-size: 20px;
     overflow-x: hidden;
 }

app/static/css/partials/_text.scss

@@ -1,4 +1,36 @@
+// Font: Noto Sans
 
+@font-face {
+    font-family: 'noto_sans';
+    src: url('../../static/fonts/noto-sans/noto-sans-regular-webfont.woff2') format('woff2'),
+         url('../../static/fonts/noto-sans/noto-sans-regular-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'noto_sans';
+    src: url('../../static/fonts/noto-sans/noto-sans-italic-webfont.woff2') format('woff2'),
+         url('../../static/fonts/noto-sans/noto-sans-italic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'noto_sans';
+    src: url('../../static/fonts/noto-sans/noto-sans-bold-webfont.woff2') format('woff2'),
+         url('../../static/fonts/noto-sans/noto-sans-bold-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'noto_sans';
+    src: url('noto-sans-bold-italic-webfont.woff2') format('woff2'),
+         url('noto-sans-bold-italic-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}
 
 main > .texts {
   box-sizing: border-box;