Implement 'Inter' font.

diff --git a/flatnotes/src/main.scss b/flatnotes/src/main.scss
index f51ee13993e71682f370c914fb50947fa258b93e..6bcae3fbf869aab599b6d3df11f15d2e63d12651 100644 (file)
--- a/flatnotes/src/main.scss
+++ b/flatnotes/src/main.scss
@@ -11,6 +11,9 @@
 @import "prismjs/themes/prism.css";
 @import "@toast-ui/editor-plugin-code-syntax-highlight/dist/toastui-editor-plugin-code-syntax-highlight.css";
 
+// Google Fonts
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap");
+
 // Variables
 $off-white: #f8f9fd70;
 
@@ -22,7 +25,7 @@ $off-white: #f8f9fd70;
 // Elements & Classes
 body {
   background-color: $off-white;
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Inter", sans-serif;
 }
 
 .clickable-link {
@@ -60,7 +63,7 @@ body {
 
 // Toast UI Overrides
 .toastui-editor-contents {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Inter", sans-serif;
   h1,
   h2 {
     border-bottom: none;
@@ -76,6 +79,10 @@ body {
   border: none;
 }
 
+.ProseMirror {
+  font-family: "Inter", sans-serif;
+}
+
 .toastui-editor-defaultUI .ProseMirror {
   @include note-content;
 }