diff --git a/astro.config.mjs b/astro.config.mjs
index 9e5da74..66f2ecd 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,4 +1,4 @@
-import { defineConfig } from 'astro/config';
+import { defineConfig, fontProviders } from 'astro/config';
 import db from '@astrojs/db';
 import preact from '@astrojs/preact';
 import sitemap from '@astrojs/sitemap';
@@ -31,7 +31,19 @@ export default defineConfig({
     inlineStylesheets: 'always'
   },
   experimental: {
-    clientPrerender: true
+    clientPrerender: true,
+    fonts: [
+      {
+        provider: fontProviders.google({
+          experimental: { variableAxis: { Inter: { opsz: ['14..32'] } } }
+        }),
+        name: 'Inter',
+        cssVariable: '--astro-font-inter',
+        weights: ['300 900'],
+        styles: ['normal'],
+        subsets: ['latin']
+      }
+    ]
   },
   image: {
     remotePatterns: [
diff --git a/public/fonts/InterVariable.woff2 b/public/fonts/InterVariable.woff2
deleted file mode 100644
index 5a8d3e7..0000000
Binary files a/public/fonts/InterVariable.woff2 and /dev/null differ
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 2f9f85e..f14d496 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,4 +1,5 @@
 ---
+import { Font } from 'astro:assets';
 import { ClientRouter } from 'astro:transitions';
 import { Schema } from 'astro-seo-schema';
 
@@ -93,13 +94,7 @@ const description = Astro.props.description ?? starpodConfig.description;
 
     <link rel="preload" as="image" href={show.image} />
 
-    <link
-      crossorigin
-      rel="preload"
-      href="/fonts/InterVariable.woff2"
-      as="font"
-      type="font/woff2"
-    />
+    <Font cssVariable="--astro-font-inter" preload />
 
     <Schema
       slot="head"
diff --git a/src/styles/fonts.css b/src/styles/fonts.css
deleted file mode 100644
index 5e05b83..0000000
--- a/src/styles/fonts.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/* Inter Variable Font - self-hosted */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url('/fonts/InterVariable.woff2') format('woff2-variations');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
-    U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
-    U+2212, U+2215, U+FEFF, U+FFFD;
-}
diff --git a/src/styles/global.css b/src/styles/global.css
index ba64ccd..b5922c8 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,4 +1,3 @@
-@import './fonts.css';
 @import './tailwind.css';
 @import './gradient-icon.css';
 @import './buttons.css';
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index ad2885a..fdd85d8 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -36,7 +36,7 @@
   --color-light-text-body: oklch(59.68% 0.017 285.89);
   --color-light-text-heading: oklch(30.55% 0.052 292.57);
 
-  --font-inter: Inter, sans-serif;
+  --font-inter: var(--astro-font-inter);
 }
 
 /*