diff --git a/examples-v2/svelte/content/styles.css b/examples-v2/svelte/content/styles.css
index cddb5440..60446cae 100644
--- a/examples-v2/svelte/content/styles.css
+++ b/examples-v2/svelte/content/styles.css
@@ -1,5 +1,12 @@
 @import "tailwindcss";
 
+@font-face {
+  font-family: 'MontserratAlternates';
+  src: url('../fonts/MontserratAlternates-Regular.ttf');
+  font-weight: 400;
+  font-style: normal;
+}
+
 .content_script {
   position: fixed;
   bottom: 0;
diff --git a/examples-v2/svelte/extension.config.js b/examples-v2/svelte/extension.config.js
new file mode 100644
index 00000000..17d586a1
--- /dev/null
+++ b/examples-v2/svelte/extension.config.js
@@ -0,0 +1,11 @@
+module.exports = {
+  config: (config) => {
+    // https://rspack.dev/guide/features/asset-module#supported-asset-module-types
+    config.module.rules.push({
+      test: /\.ttf$/i,
+      type: "asset/inline",
+    });
+
+    return config;
+  },
+};
diff --git a/examples-v2/svelte/fonts/MontserratAlternates-Regular.ttf b/examples-v2/svelte/fonts/MontserratAlternates-Regular.ttf
new file mode 100644
index 00000000..9a4588fa
Binary files /dev/null and b/examples-v2/svelte/fonts/MontserratAlternates-Regular.ttf differ
diff --git a/examples-v2/svelte/manifest.json b/examples-v2/svelte/manifest.json
index da5fa07f..4c4b5e74 100644
--- a/examples-v2/svelte/manifest.json
+++ b/examples-v2/svelte/manifest.json
@@ -17,5 +17,11 @@
       "js": ["./content/scripts.ts"]
     }
   ],
-  "options_page": "options/index.html"
+  "options_page": "options/index.html",
+  "web_accessible_resources": [
+    {
+      "resources": ["assets/*.ttf", "fonts/*.ttf", "*.ttf"],
+      "matches": ["*://*/*"]
+    }
+  ]
 }
diff --git a/examples-v2/svelte/postcss.config.js b/examples-v2/svelte/postcss.config.mjs
similarity index 100%
rename from examples-v2/svelte/postcss.config.js
rename to examples-v2/svelte/postcss.config.mjs