diff --git a/apps/remix/app/app.css b/apps/remix/app/app.css
index 529edec77..e45e2ae35 100644
--- a/apps/remix/app/app.css
+++ b/apps/remix/app/app.css
@@ -1,19 +1,30 @@
 @import '@documenso/ui/styles/theme.css';
 
+/* Inter Variable Fonts */
 @font-face {
   font-family: 'Inter';
-  src: url('/public/fonts/inter-regular.ttf') format('ttf');
-  /* font-weight: 400;
+  src: url('/fonts/inter-variablefont_opsz,wght.ttf') format('truetype-variations');
+  font-weight: 100 900;
   font-style: normal;
-  font-display: swap; */
+  font-display: swap;
 }
 
+/* Inter Italic Variable Fonts */
+@font-face {
+  font-family: 'Inter';
+  src: url('/fonts/inter-italic-variablefont_opsz,wght.ttf') format('truetype-variations');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: swap;
+}
+
+/* Caveat Variable Font */
 @font-face {
   font-family: 'Caveat';
-  src: url('/public/fonts/caveat.ttf') format('ttf');
-  /* font-weight: 400;
+  src: url('/fonts/caveat-variablefont_wght.ttf') format('truetype-variations');
+  font-weight: 400 600;
   font-style: normal;
-  font-display: swap; */
+  font-display: swap;
 }
 
 @layer base {
diff --git a/apps/remix/app/root.tsx b/apps/remix/app/root.tsx
index 4732783d1..6f50f53a0 100644
--- a/apps/remix/app/root.tsx
+++ b/apps/remix/app/root.tsx
@@ -36,23 +36,7 @@ const { trackPageview } = Plausible({
   trackLocalhost: false,
 });
 
-export const links: Route.LinksFunction = () => [
-  { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
-  {
-    rel: 'preconnect',
-    href: 'https://fonts.gstatic.com',
-    crossOrigin: 'anonymous',
-  },
-  {
-    rel: 'stylesheet',
-    href: 'https://fonts.googleapis.com/css2?family=Caveat:wght@400..600&display=swap',
-  },
-  {
-    rel: 'stylesheet',
-    href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap',
-  },
-  { rel: 'stylesheet', href: stylesheet },
-];
+export const links: Route.LinksFunction = () => [{ rel: 'stylesheet', href: stylesheet }];
 
 export function meta() {
   return appMetaTags();
diff --git a/apps/remix/public/fonts/caveat-variablefont_wght.ttf b/apps/remix/public/fonts/caveat-variablefont_wght.ttf
new file mode 100644
index 000000000..5adc65821
Binary files /dev/null and b/apps/remix/public/fonts/caveat-variablefont_wght.ttf differ
diff --git a/apps/remix/public/fonts/inter-italic-variablefont_opsz,wght.ttf b/apps/remix/public/fonts/inter-italic-variablefont_opsz,wght.ttf
new file mode 100644
index 000000000..43ed4f5ee
Binary files /dev/null and b/apps/remix/public/fonts/inter-italic-variablefont_opsz,wght.ttf differ
diff --git a/apps/remix/public/fonts/inter-variablefont_opsz,wght.ttf b/apps/remix/public/fonts/inter-variablefont_opsz,wght.ttf
new file mode 100644
index 000000000..e31b51e3e
Binary files /dev/null and b/apps/remix/public/fonts/inter-variablefont_opsz,wght.ttf differ
diff --git a/packages/assets/fonts/caveat-variablefont_wght.ttf b/packages/assets/fonts/caveat-variablefont_wght.ttf
new file mode 100644
index 000000000..5adc65821
Binary files /dev/null and b/packages/assets/fonts/caveat-variablefont_wght.ttf differ
diff --git a/packages/assets/fonts/inter-italic-variablefont_opsz,wght.ttf b/packages/assets/fonts/inter-italic-variablefont_opsz,wght.ttf
new file mode 100644
index 000000000..43ed4f5ee
Binary files /dev/null and b/packages/assets/fonts/inter-italic-variablefont_opsz,wght.ttf differ
diff --git a/packages/assets/fonts/inter-variablefont_opsz,wght.ttf b/packages/assets/fonts/inter-variablefont_opsz,wght.ttf
new file mode 100644
index 000000000..e31b51e3e
Binary files /dev/null and b/packages/assets/fonts/inter-variablefont_opsz,wght.ttf differ