added notosans webfont

assets/css/base/_fonts.scss

@@ -1,6 +1,8 @@
 @import '../fonts/libertinus/libertinus.css';
+@import '../fonts/notosans/notosans.css';
 
 body{
   font-family: 'libertinus_serif';
+  // font-family: 'noto_sans';
   font-weight: 400;
 }

assets/fonts/notosans/notosans.css

@@ -0,0 +1,126 @@
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-thin-webfont.woff2') format('woff2'),
+         url('notosans-thin-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-thinitalic-webfont.woff2') format('woff2'),
+         url('notosans-thinitalic-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-extralight-webfont.woff2') format('woff2'),
+         url('notosans-extralight-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-extralightitalic-webfont.woff2') format('woff2'),
+         url('notosans-extralightitalic-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-light-webfont.woff2') format('woff2'),
+         url('notosans-light-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-lightitalic-webfont.woff2') format('woff2'),
+         url('notosans-lightitalic-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-regular-webfont.woff2') format('woff2'),
+         url('notosans-regular-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-italic-webfont.woff2') format('woff2'),
+         url('notosans-italic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-medium-webfont.woff2') format('woff2'),
+         url('notosans-medium-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-mediumitalic-webfont.woff2') format('woff2'),
+         url('notosans-mediumitalic-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-semibold-webfont.woff2') format('woff2'),
+         url('notosans-semibold-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-semibolditalic-webfont.woff2') format('woff2'),
+         url('notosans-semibolditalic-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-bold-webfont.woff2') format('woff2'),
+         url('notosans-bold-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-bolditalic-webfont.woff2') format('woff2'),
+         url('notosans-bolditalic-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-extrabold-webfont.woff2') format('woff2'),
+         url('notosans-extrabold-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-extrabolditalic-webfont.woff2') format('woff2'),
+         url('notosans-extrabolditalic-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-black-webfont.woff2') format('woff2'),
+         url('notosans-black-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sans';
+    src: url('notosans-blackitalic-webfont.woff2') format('woff2'),
+         url('notosans-blackitalic-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: italic;
+}