diff --git a/resources/base.scss b/resources/base.scss
index 92c485e..f0a8f60 100644
--- a/resources/base.scss
+++ b/resources/base.scss
@@ -115,7 +115,7 @@ body {
     font-size: $base_font_size;
     line-height: 1.231;
     background: $background_light_gray;
-    font-family: "Segoe UI", Arial, "Lucida Grande", sans-serif;
+    font-family: "Noto Sans", Arial, "Lucida Grande", sans-serif;
     color: #000;
     height: 100%;
     overflow-x: hidden;
@@ -872,4 +872,4 @@ select {
     #event-tab {
         display: none;
     }
-}
\ No newline at end of file
+}
diff --git a/resources/chatbox.scss b/resources/chatbox.scss
index ecee2da..979a239 100644
--- a/resources/chatbox.scss
+++ b/resources/chatbox.scss
@@ -90,7 +90,7 @@
     }
 }
 #chat-input, #chat-log .content-message {
-    font-family: "Segoe UI", Arial, "Lucida Grande", sans-serif;
+    font-family: "Noto Sans", Arial, "Lucida Grande", sans-serif;
 }
 .info-pic {
     height: 90%;
diff --git a/resources/content-description.scss b/resources/content-description.scss
index 49ba478..df4f4e4 100644
--- a/resources/content-description.scss
+++ b/resources/content-description.scss
@@ -3,7 +3,7 @@
 .content-description {
     line-height: 1.6em;
     font-size: 15px;
-    font-family: "Segoe UI", Arial, "Lucida Grande", sans-serif;
+    font-family: "Noto Sans", Arial, "Lucida Grande", sans-serif;
 
     img {
         max-width: 100%;
@@ -252,4 +252,4 @@ a.view-pdf {
 }
 details summary {
     cursor: pointer;
-}
\ No newline at end of file
+}
diff --git a/templates/base.html b/templates/base.html
index 0dc4af2..b810bbe 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -374,5 +374,8 @@
     </footer>
     {% endblock %}
 </div>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap" rel="stylesheet">
 </body>
 </html>