From 19cb924c4949000a3e4e4a61be7a35667b58417a Mon Sep 17 00:00:00 2001
From: Himanshu Patil <himanshupatil744@gmail.com>
Date: Fri, 29 Jul 2022 00:46:31 +0530
Subject: [PATCH] fixed classname add logic on font load

---
 utils/fontListener.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/utils/fontListener.ts b/utils/fontListener.ts
index b27e060..0b7e719 100644
--- a/utils/fontListener.ts
+++ b/utils/fontListener.ts
@@ -11,8 +11,10 @@ export const fontListener = ({ fontNames, scope }) => {
     addClassName("all");
   }
 
-  function handleFontLoad(fontName: string) {
-    addClassName(fontName);
+  function handleFontLoad(fontFaces: FontFace[]) {
+    fontFaces.forEach((fontFace) => {
+      addClassName(fontFace.family);
+    })
   }
 
   function fontMapper(fontName) {
@@ -37,7 +39,7 @@ export const fontListener = ({ fontNames, scope }) => {
     errorFallback();
   }
 
-  function addClassName(fontName) {
+  function addClassName(fontName: string) {
     document[targetElement].classList.add(`wf-${kebabCase(fontName)}`);
   }