feat(preset-web-fonts): add customFetch option

packages/preset-web-fonts/README.md

@@ -73,8 +73,47 @@ Currently supported Providers:
 - `bunny` - [Privacy-Friendly Google Fonts](https://fonts.bunny.net/)
 - `fontshare` - [Quality Font Service by ITF](https://www.fontshare.com/)
 
+### Custom request function
+Use your own request to fetch font source
+
+```ts
+import presetWebFonts from '@unocss/preset-web-fonts'
+import presetUno from '@unocss/preset-uno'
+import axios from 'axios'
+import ProxyAgent from 'proxy-agent'
+
+Unocss({
+  presets: [
+    presetUno(),
+    presetWebFonts({
+      // use axios with an https proxy
+      customRequest: (url: string) => axios.get(url, { httpsAgent: new ProxyAgent('https://localhost:7890') }),
+      provider: 'google',
+      fonts: {
+        sans: 'Roboto',
+        mono: ['Fira Code', 'Fira Mono:400,700'],
+        // custom ones
+        lobster: 'Lobster',
+        lato: [
+          {
+            name: 'Lato',
+            weights: ['400', '700'],
+            italic: true,
+          },
+          {
+            name: 'sans-serif',
+            provider: 'none',
+          },
+        ],
+      },
+    }),
+  ],
+})
+```
+
 PR welcome to add more providers 🙌
 
+
 ## Configuration
 
 Refer to the [type definition](https://github.com/unocss/unocss/blob/main/packages/preset-web-fonts/src/types.ts#L4) for all configurations available.

packages/preset-web-fonts/src/index.ts

@@ -35,6 +35,7 @@ const preset = (options: WebFontsOptions = {}): Preset<any> => {
     extendTheme = true,
     inlineImports = true,
     themeKey = 'fontFamily',
+    customRequest,
   } = options
 
   const fontObject = Object.fromEntries(
@@ -49,7 +50,9 @@ const preset = (options: WebFontsOptions = {}): Preset<any> => {
     if (inlineImports) {
       if (!importCache[url]) {
         const { $fetch } = await import('ohmyfetch')
-        importCache[url] = $fetch(url, { headers: {}, retry: 3 })
+        importCache[url] = (customRequest
+          ? customRequest(url)
+          : $fetch(url, { headers: {}, retry: 3 }))
           .catch((e) => {
             console.error('Failed to fetch web fonts')
             console.error(e)

packages/preset-web-fonts/src/types.ts

@@ -42,6 +42,13 @@ export interface WebFontsOptions {
    * @default true
    */
   inlineImports?: boolean
+
+  /**
+   * Inline CSS @import()
+   *
+   * @default undefined
+   */
+  customRequest?: (url: string) => Promise<any>
 }
 
 export interface Provider {