diff --git a/assets/css/base/_fonts.scss b/assets/css/base/_fonts.scss
index 5648b2b..e5fe9ee 100644
--- a/assets/css/base/_fonts.scss
+++ b/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;
 }
diff --git a/assets/fonts/notosans/notosans-black-webfont.woff b/assets/fonts/notosans/notosans-black-webfont.woff
new file mode 100644
index 0000000..0fec2a8
Binary files /dev/null and b/assets/fonts/notosans/notosans-black-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-black-webfont.woff2 b/assets/fonts/notosans/notosans-black-webfont.woff2
new file mode 100644
index 0000000..d580217
Binary files /dev/null and b/assets/fonts/notosans/notosans-black-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-blackitalic-webfont.ttf b/assets/fonts/notosans/notosans-blackitalic-webfont.ttf
new file mode 100644
index 0000000..aad4eee
Binary files /dev/null and b/assets/fonts/notosans/notosans-blackitalic-webfont.ttf differ
diff --git a/assets/fonts/notosans/notosans-blackitalic-webfont.woff b/assets/fonts/notosans/notosans-blackitalic-webfont.woff
new file mode 100644
index 0000000..c0015e3
Binary files /dev/null and b/assets/fonts/notosans/notosans-blackitalic-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-blackitalic-webfont.woff2 b/assets/fonts/notosans/notosans-blackitalic-webfont.woff2
new file mode 100644
index 0000000..040b301
Binary files /dev/null and b/assets/fonts/notosans/notosans-blackitalic-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-bold-webfont.ttf b/assets/fonts/notosans/notosans-bold-webfont.ttf
new file mode 100644
index 0000000..13d9a64
Binary files /dev/null and b/assets/fonts/notosans/notosans-bold-webfont.ttf differ
diff --git a/assets/fonts/notosans/notosans-bold-webfont.woff b/assets/fonts/notosans/notosans-bold-webfont.woff
new file mode 100644
index 0000000..54a7488
Binary files /dev/null and b/assets/fonts/notosans/notosans-bold-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-bold-webfont.woff2 b/assets/fonts/notosans/notosans-bold-webfont.woff2
new file mode 100644
index 0000000..124ea87
Binary files /dev/null and b/assets/fonts/notosans/notosans-bold-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-bolditalic-webfont.woff b/assets/fonts/notosans/notosans-bolditalic-webfont.woff
new file mode 100644
index 0000000..4d7f89b
Binary files /dev/null and b/assets/fonts/notosans/notosans-bolditalic-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-bolditalic-webfont.woff2 b/assets/fonts/notosans/notosans-bolditalic-webfont.woff2
new file mode 100644
index 0000000..70d4026
Binary files /dev/null and b/assets/fonts/notosans/notosans-bolditalic-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-extrabold-webfont.woff b/assets/fonts/notosans/notosans-extrabold-webfont.woff
new file mode 100644
index 0000000..a9dd344
Binary files /dev/null and b/assets/fonts/notosans/notosans-extrabold-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-extrabold-webfont.woff2 b/assets/fonts/notosans/notosans-extrabold-webfont.woff2
new file mode 100644
index 0000000..22a1016
Binary files /dev/null and b/assets/fonts/notosans/notosans-extrabold-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-extrabolditalic-webfont.woff b/assets/fonts/notosans/notosans-extrabolditalic-webfont.woff
new file mode 100644
index 0000000..d4eb3e2
Binary files /dev/null and b/assets/fonts/notosans/notosans-extrabolditalic-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-extrabolditalic-webfont.woff2 b/assets/fonts/notosans/notosans-extrabolditalic-webfont.woff2
new file mode 100644
index 0000000..926e881
Binary files /dev/null and b/assets/fonts/notosans/notosans-extrabolditalic-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-extralight-webfont.ttf b/assets/fonts/notosans/notosans-extralight-webfont.ttf
new file mode 100644
index 0000000..623ee13
Binary files /dev/null and b/assets/fonts/notosans/notosans-extralight-webfont.ttf differ
diff --git a/assets/fonts/notosans/notosans-extralight-webfont.woff b/assets/fonts/notosans/notosans-extralight-webfont.woff
new file mode 100644
index 0000000..b1a0146
Binary files /dev/null and b/assets/fonts/notosans/notosans-extralight-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-extralight-webfont.woff2 b/assets/fonts/notosans/notosans-extralight-webfont.woff2
new file mode 100644
index 0000000..493029f
Binary files /dev/null and b/assets/fonts/notosans/notosans-extralight-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-extralightitalic-webfont.ttf b/assets/fonts/notosans/notosans-extralightitalic-webfont.ttf
new file mode 100644
index 0000000..5f7b253
Binary files /dev/null and b/assets/fonts/notosans/notosans-extralightitalic-webfont.ttf differ
diff --git a/assets/fonts/notosans/notosans-extralightitalic-webfont.woff b/assets/fonts/notosans/notosans-extralightitalic-webfont.woff
new file mode 100644
index 0000000..70da3aa
Binary files /dev/null and b/assets/fonts/notosans/notosans-extralightitalic-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-extralightitalic-webfont.woff2 b/assets/fonts/notosans/notosans-extralightitalic-webfont.woff2
new file mode 100644
index 0000000..c3b1ab9
Binary files /dev/null and b/assets/fonts/notosans/notosans-extralightitalic-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-italic-webfont.woff b/assets/fonts/notosans/notosans-italic-webfont.woff
new file mode 100644
index 0000000..63461b3
Binary files /dev/null and b/assets/fonts/notosans/notosans-italic-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-italic-webfont.woff2 b/assets/fonts/notosans/notosans-italic-webfont.woff2
new file mode 100644
index 0000000..84858a3
Binary files /dev/null and b/assets/fonts/notosans/notosans-italic-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-light-webfont.woff b/assets/fonts/notosans/notosans-light-webfont.woff
new file mode 100644
index 0000000..c014969
Binary files /dev/null and b/assets/fonts/notosans/notosans-light-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-light-webfont.woff2 b/assets/fonts/notosans/notosans-light-webfont.woff2
new file mode 100644
index 0000000..1545999
Binary files /dev/null and b/assets/fonts/notosans/notosans-light-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-lightitalic-webfont.woff b/assets/fonts/notosans/notosans-lightitalic-webfont.woff
new file mode 100644
index 0000000..f84bfb1
Binary files /dev/null and b/assets/fonts/notosans/notosans-lightitalic-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-lightitalic-webfont.woff2 b/assets/fonts/notosans/notosans-lightitalic-webfont.woff2
new file mode 100644
index 0000000..463a684
Binary files /dev/null and b/assets/fonts/notosans/notosans-lightitalic-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-medium-webfont.woff b/assets/fonts/notosans/notosans-medium-webfont.woff
new file mode 100644
index 0000000..1078bed
Binary files /dev/null and b/assets/fonts/notosans/notosans-medium-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-medium-webfont.woff2 b/assets/fonts/notosans/notosans-medium-webfont.woff2
new file mode 100644
index 0000000..d538a9d
Binary files /dev/null and b/assets/fonts/notosans/notosans-medium-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-mediumitalic-webfont.woff b/assets/fonts/notosans/notosans-mediumitalic-webfont.woff
new file mode 100644
index 0000000..a6e4296
Binary files /dev/null and b/assets/fonts/notosans/notosans-mediumitalic-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-mediumitalic-webfont.woff2 b/assets/fonts/notosans/notosans-mediumitalic-webfont.woff2
new file mode 100644
index 0000000..2d4bb7e
Binary files /dev/null and b/assets/fonts/notosans/notosans-mediumitalic-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-regular-webfont.woff b/assets/fonts/notosans/notosans-regular-webfont.woff
new file mode 100644
index 0000000..6943690
Binary files /dev/null and b/assets/fonts/notosans/notosans-regular-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-regular-webfont.woff2 b/assets/fonts/notosans/notosans-regular-webfont.woff2
new file mode 100644
index 0000000..7eb9e5c
Binary files /dev/null and b/assets/fonts/notosans/notosans-regular-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-semibold-webfont.ttf b/assets/fonts/notosans/notosans-semibold-webfont.ttf
new file mode 100644
index 0000000..9201ba2
Binary files /dev/null and b/assets/fonts/notosans/notosans-semibold-webfont.ttf differ
diff --git a/assets/fonts/notosans/notosans-semibold-webfont.woff b/assets/fonts/notosans/notosans-semibold-webfont.woff
new file mode 100644
index 0000000..b41df59
Binary files /dev/null and b/assets/fonts/notosans/notosans-semibold-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-semibold-webfont.woff2 b/assets/fonts/notosans/notosans-semibold-webfont.woff2
new file mode 100644
index 0000000..e9f69f1
Binary files /dev/null and b/assets/fonts/notosans/notosans-semibold-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-semibolditalic-webfont.ttf b/assets/fonts/notosans/notosans-semibolditalic-webfont.ttf
new file mode 100644
index 0000000..5535dd9
Binary files /dev/null and b/assets/fonts/notosans/notosans-semibolditalic-webfont.ttf differ
diff --git a/assets/fonts/notosans/notosans-semibolditalic-webfont.woff b/assets/fonts/notosans/notosans-semibolditalic-webfont.woff
new file mode 100644
index 0000000..628b8ea
Binary files /dev/null and b/assets/fonts/notosans/notosans-semibolditalic-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-semibolditalic-webfont.woff2 b/assets/fonts/notosans/notosans-semibolditalic-webfont.woff2
new file mode 100644
index 0000000..0d2e853
Binary files /dev/null and b/assets/fonts/notosans/notosans-semibolditalic-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-thin-webfont.ttf b/assets/fonts/notosans/notosans-thin-webfont.ttf
new file mode 100644
index 0000000..decf990
Binary files /dev/null and b/assets/fonts/notosans/notosans-thin-webfont.ttf differ
diff --git a/assets/fonts/notosans/notosans-thin-webfont.woff b/assets/fonts/notosans/notosans-thin-webfont.woff
new file mode 100644
index 0000000..2298e63
Binary files /dev/null and b/assets/fonts/notosans/notosans-thin-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-thin-webfont.woff2 b/assets/fonts/notosans/notosans-thin-webfont.woff2
new file mode 100644
index 0000000..b6471a3
Binary files /dev/null and b/assets/fonts/notosans/notosans-thin-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans-thinitalic-webfont.woff b/assets/fonts/notosans/notosans-thinitalic-webfont.woff
new file mode 100644
index 0000000..4acad86
Binary files /dev/null and b/assets/fonts/notosans/notosans-thinitalic-webfont.woff differ
diff --git a/assets/fonts/notosans/notosans-thinitalic-webfont.woff2 b/assets/fonts/notosans/notosans-thinitalic-webfont.woff2
new file mode 100644
index 0000000..4a1e9ca
Binary files /dev/null and b/assets/fonts/notosans/notosans-thinitalic-webfont.woff2 differ
diff --git a/assets/fonts/notosans/notosans.css b/assets/fonts/notosans/notosans.css
new file mode 100644
index 0000000..640219f
--- /dev/null
+++ b/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;
+}