diff --git a/index.html b/index.html
index 5ac6de771..b18896a62 100644
--- a/index.html
+++ b/index.html
@@ -24,8 +24,6 @@
     <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicons/favicon-16x16.png">
     <link rel="shortcut icon" href="/favicon.ico">
 
-    <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono|Roboto:300,400,500,700&display=swap" rel="stylesheet">
-    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"
           integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ=="
           crossorigin=""/>
diff --git a/src/styles/index.css b/src/styles/index.css
index a378194bb..746df316f 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,5 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
-
 /**
  * This injects Tailwind's base styles, which is a combination of Normalize.css
  * and some additional base styles.
diff --git a/src/tailwind.config.js b/src/tailwind.config.js
index 582a65dc5..d71da1e5d 100644
--- a/src/tailwind.config.js
+++ b/src/tailwind.config.js
@@ -110,21 +110,7 @@ export default {
     },
 
     fontFamily: {
-      sans: [
-        "Roboto",
-        "system-ui",
-        "BlinkMacSystemFont",
-        "-apple-system",
-        "Segoe UI",
-        "Roboto",
-        "Oxygen",
-        "Ubuntu",
-        "Cantarell",
-        "Fira Sans",
-        "Droid Sans",
-        "Helvetica Neue",
-        "sans-serif",
-      ],
+      sans: ["system-ui", "sans-serif"],
       mono: [
         "IBM Plex Mono",
         "Menlo",