diff --git a/JournalApp/Pages/MainLayout.razor b/JournalApp/Pages/MainLayout.razor
index 9421ce2..86933e2 100644
--- a/JournalApp/Pages/MainLayout.razor
+++ b/JournalApp/Pages/MainLayout.razor
@@ -22,6 +22,15 @@
 </div>
 
 @code {
+    static readonly string[] SystemFontFamily =
+    [
+        "system-ui",
+        "-apple-system",
+        "BlinkMacSystemFont",
+        "Segoe UI",
+        "sans-serif",
+    ];
+
     bool _hasInitiallyRendered;
 
     MudTheme _theme = new()
@@ -64,6 +73,11 @@
 
         Typography = new()
         {
+            Default = new DefaultTypography()
+            {
+                FontFamily = SystemFontFamily,
+            },
+
             Button = new ButtonTypography()
             {
                 TextTransform = "none",
diff --git a/JournalApp/wwwroot/app.css b/JournalApp/wwwroot/app.css
index 576e801..420d25f 100644
--- a/JournalApp/wwwroot/app.css
+++ b/JournalApp/wwwroot/app.css
@@ -24,7 +24,7 @@ body {
 }
 
 #loading-text {
-  font-family: "Roboto", system-ui, sans-serif;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   font-size: 6vw;
 }
 
diff --git a/JournalApp/wwwroot/index.html b/JournalApp/wwwroot/index.html
index 42ded6b..d5ef8a7 100644
--- a/JournalApp/wwwroot/index.html
+++ b/JournalApp/wwwroot/index.html
@@ -7,7 +7,6 @@
         content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
     <title>Good Diary</title>
     <base href="/" />
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
     <link href="app.css" rel="stylesheet" />
     <link href="JournalApp.styles.css" rel="stylesheet" />