feat(preset-web-fonts): add fetch option to LocalFontProcessor (#4894)

runyasak · web-flow · commit dda90c2787e0 · 2025-08-30T11:39:31.000Z
diff --git a/docs/presets/web-fonts.md b/docs/presets/web-fonts.md
@@ -236,7 +236,10 @@ export default defineConfig({
         fontAssetsDir: 'public/assets/fonts',
 
         // Base URL to serve the fonts from the client
-        fontServeBaseUrl: '/assets/fonts'
+        fontServeBaseUrl: '/assets/fonts',
+
+        // Custom fetch function to download the fonts
+        fetch: async url => axios.get(url)
       })
     }),
   ],
diff --git a/packages-presets/preset-web-fonts/src/local.ts b/packages-presets/preset-web-fonts/src/local.ts
@@ -40,6 +40,11 @@ export interface LocalFontProcessorOptions {
    * @default '/assets/fonts'
    */
   fontServeBaseUrl?: string
+
+  /**
+   * Custom fetch function to provide the font data.
+   */
+  fetch?: typeof fetch
 }
 
 export function createLocalFontProcessor(options?: LocalFontProcessorOptions): WebFontProcessor {
@@ -50,7 +55,8 @@ export function createLocalFontProcessor(options?: LocalFontProcessorOptions): W
   const fontServeBaseUrl = options?.fontServeBaseUrl || '/assets/fonts'
 
   async function _downloadFont(url: string, assetPath: string) {
-    const response = await fetch(url)
+    const fetcher = options?.fetch ?? fetch
+    const response = await fetcher(url)
       .then(r => r.arrayBuffer())
     await fsp.mkdir(fontAssetsDir, { recursive: true })
     await fsp.writeFile(assetPath, Buffer.from(response))
