diff --git a/src/_includes/start/base.njk b/src/_includes/start/base.njk
index e4e0bc33..cbd8525c 100644
--- a/src/_includes/start/base.njk
+++ b/src/_includes/start/base.njk
@@ -11,6 +11,8 @@
 
         {# CSS #}
         <link rel="stylesheet" href="{{'/assets/css/index.css' | url | safe}}">
+        <link rel="stylesheet" href="{{'/assets/fonts/noto-sans/noto-sans.css' | url | safe}}">
+
 
         {# Favicon #}
         <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 228c98af..61db2d2e 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -8,6 +8,8 @@
     --clr-link-btn-bg: #7A37A3;
     --clr-link-btn-hover: #BA6FE8;
 
+    --ff-default: 'Noto Sans';
+
     --fs-h1: 3.1rem;
     --fs-body: 1rem;
     --fs-link-btn: 2rem;
@@ -106,7 +108,7 @@ textarea:not([rows]) {
 
 body {
     font-size: var(--clr-body-bg);
-    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
+    font-family: var(--ff-default), Arial, Helvetica, sans-serif;
     color: #FFFFFF;
     background: var(--clr-body-bg);
     text-align: center;