Feature request: enable providers to resolve to custom urls

[JessicaSachs]

Clear and concise description of the problem

I can't use a 3rd party font provider in production due to CSP + security issues. I'd like to be able to specify the location of the fonts I'm using.

Suggested solution

We could add a provider function on each font so that you could load custom fonts from certain places (CDN, s3, wherever) and use Google or the primary provider as a fallback.

Alternative

No response

Additional context

No response

Validations

• Read the Contributing Guidelines.
• Read the README.md of using the package.
• Already used the Interactive Docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[zyyv]

We have this field in the preset-web-fonts opiton, can it help you?

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

Lines 53 to 54 in 0e5434f

	const promise = customFetch
	? customFetch(url)

[JessicaSachs]

I don't think so. Isn't customFetch is executed node-side?

I want to change the value of what url("https://whateverUrl") value in the font-face is.

[antfu]

Now the provider options accept passing a custom "Provider" object

https://github.com/unocss/unocss/blob/ca4f6686985c3a67bd270d79beea1f2851c5fa4d/packages/preset-web-fonts/src/types.ts#L58-L64