diff --git a/src/content/docs/en/reference/experimental-flags/fonts.mdx b/src/content/docs/en/reference/experimental-flags/fonts.mdx
index 092424d45a3f1..615c0e3d1d5ff 100644
--- a/src/content/docs/en/reference/experimental-flags/fonts.mdx
+++ b/src/content/docs/en/reference/experimental-flags/fonts.mdx
@@ -857,11 +857,17 @@ An Astro font provider is made up of two parts: the config object and the actual
 3. Add your custom provider to your font configuration.
 
     ```js title="astro.config.mjs" ins="myProvider()"
-    fonts: [{
-      provider: fontProviders.myProvider(),
-      name: "Custom Font",
-      cssVariable: "--font-custom"
-     }]
+    import { defineConfig } from "astro/config";
+    import { myProvider } from "./provider/config";
+
+    export default defineConfig({
+      experimental: {
+        fonts: [{
+          provider: myProvider(),
+          // ...
+        }]
+      }
+    });
     ```
 
 </Steps>