diff --git a/styles/globals.css b/styles/globals.css
index da8713bc..d2b283ea 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -24,6 +24,9 @@
   @apply rounded-sm focus:ring-primary-500 focus:border-primary-500 h-auto py-0.5 my-0.5;
 }
 
+/* Roboto */
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
+
 /* Cal Sans */
 @font-face {
   font-family: "Cal Sans";
diff --git a/tailwind.config.js b/tailwind.config.js
index 20449bc7..911e4740 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,6 +7,9 @@ module.exports = {
   ],
   darkMode: "class",
   theme: {
+    fontFamily: {
+      sans: ["Roboto", "sans-serif"],
+    },
     extend: {
       colors: {
         black: "#111111",
@@ -96,7 +99,6 @@ module.exports = {
         },
       },
       fontFamily: {
-        inter: ["Inter", "sans-serif"],
         cal: ["Cal Sans", "sans-serif"],
       },
       maxHeight: (theme) => ({