diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 2dc43d659..9cd04471b 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -21,7 +21,11 @@ class MyDocument extends Document {
     return (
       <Html>
         <Head>
-          <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+          <link rel="preconnect" href="https://fonts.gstatic.com" />
+          <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"
+          />
         </Head>
         <body>
           <Main />
diff --git a/tailwind.config.js b/tailwind.config.js
index 511f59532..4346ae176 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,7 +11,7 @@ module.exports = {
         width: 'width',
       },
       fontFamily: {
-        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+        sans: ['Inter', ...defaultTheme.fontFamily.sans],
       },
       typography: (theme) => ({
         DEFAULT: {
