feat: add fontsource font provider

Author: stafyniaksacha

src/loaders/custom.ts

@@ -276,8 +276,8 @@ export function customLoader(options: CustomFonts, root: string) {
     // --- Generate `<link>` tags.
     // --- We can not do a prefetch and a preload for the same files.
     if (preload && prefetch) {
-      console.warn('vite-plugin-fonts: Prefetch and a Preload options can not be used together.')
-      console.warn('vite-plugin-fonts: The prefetch stand for a lower priority for the resource (maybe we will need it in a future page) whereas preload is for the current page, so we can not have both.')
+      console.warn('unplugin-fonts: Prefetch and a Preload options can not be used together.')
+      console.warn('unplugin-fonts: The prefetch stand for a lower priority for the resource (maybe we will need it in a future page) whereas preload is for the current page, so we can not have both.')
     }
     if (preload || prefetch)
       tags.push(...hrefs.map(createFontFaceLink(prefetch, injectTo)))

src/loaders/fontsource.ts

@@ -1,14 +1,15 @@
 
 export interface FontsourceFontFamily {
   name: string
+  variables?: ('variable' | 'variable-italic' | 'variable-full' | 'variable-full-italic')[]
   weights: (100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900)[]
   styles?: ('italic' | 'normal')[]
   subset?: string
 }
 export interface FontsourceFonts {
   families: (string | FontsourceFontFamily)[]
-  text?: string
-  display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional'
+  // text?: string
+  // display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional'
 }
 
 export function fontsourceVirtualModule(options?: FontsourceFonts) {
@@ -24,15 +25,23 @@ export function fontsourceVirtualModule(options?: FontsourceFonts) {
     } else {
       const {
         name,
+        variables,
         weights,
         styles,
         subset
       } = family
 
-
       const subsetPrefix = subset ? `${subset}-` : ''
 
-      if (weights) {
+      if (variables) {
+        if (weights) {
+          console.warn('unplugin-fonts: Variable fonts do not support weights. Ignoring weights.')
+        }
+
+        for (const variable of variables) {
+          source.push(`@import "@fontsource/${name.toLowerCase()}/${subsetPrefix}${variable}.css";`)
+        }
+      } else if (weights) {
         for (const weight of weights) {
           if (styles) {
             for (const style of styles) {