fix(transform): only add @font-face for first font in list

nuxt · Feb 21, 2024 · 0493d36 · 0493d36
1 parent 3773a9d
commit 0493d36
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/plugins/transform.ts b/src/plugins/transform.ts
@@ -60,8 +60,9 @@ export const FontFamilyInjectionPlugin = (options: FontFamilyInjectionPluginOpti
         enter (node) {
           if (node.property !== 'font-family' || this.atrule?.name === 'font-face') { return }
 
-          for (const fontFamily of extractFontFamilies(node)) {
-            if (processedFontFamilies.has(fontFamily) || existingFontFamilies.has(fontFamily)) continue
+          // Only add @font-face for the first font-family in the list
+          const [fontFamily] = extractFontFamilies(node)
+          if (fontFamily && !processedFontFamilies.has(fontFamily) && !existingFontFamilies.has(fontFamily)) {
             processedFontFamilies.add(fontFamily)
             promises.push(addFontFaceDeclaration(fontFamily))
           }