diff --git a/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx b/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
index 1c95bc44..7a35378a 100644
--- a/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
+++ b/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
@@ -16,6 +16,8 @@ import { useFontLoader } from "../hooks/useFontLoader";
 
 
 
+
+
 const PresentationPage = ({ presentation_id }: { presentation_id: string }) => {
   const { renderSlideContent, loading } = useGroupLayouts();
   const pathname = usePathname();
diff --git a/servers/nextjs/presentation-templates/general/BasicInfoSlideLayout.tsx b/servers/nextjs/presentation-templates/general/BasicInfoSlideLayout.tsx
index e97ba984..43b633c9 100644
--- a/servers/nextjs/presentation-templates/general/BasicInfoSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/BasicInfoSlideLayout.tsx
@@ -35,7 +35,10 @@ const BasicInfoSlideLayout: React.FC<BasicInfoSlideLayoutProps> = ({ data: slide
     return (
         <>
             {/* Import Google Fonts */}
-           
+           <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
 
             <div
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden"
diff --git a/servers/nextjs/presentation-templates/general/BulletIconsOnlySlideLayout.tsx b/servers/nextjs/presentation-templates/general/BulletIconsOnlySlideLayout.tsx
index 32746732..594adb54 100644
--- a/servers/nextjs/presentation-templates/general/BulletIconsOnlySlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/BulletIconsOnlySlideLayout.tsx
@@ -88,7 +88,10 @@ const BulletIconsOnlySlideLayout: React.FC<BulletIconsOnlySlideLayoutProps> = ({
     return (
         <>
             {/* Import Google Fonts */}
-            
+            <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />            
             
 
             <div
diff --git a/servers/nextjs/presentation-templates/general/BulletWithIconsSlideLayout.tsx b/servers/nextjs/presentation-templates/general/BulletWithIconsSlideLayout.tsx
index b2a55d55..cdef4aa2 100644
--- a/servers/nextjs/presentation-templates/general/BulletWithIconsSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/BulletWithIconsSlideLayout.tsx
@@ -63,7 +63,10 @@ const BulletWithIconsSlideLayout: React.FC<BulletWithIconsSlideLayoutProps> = ({
 
     return (
         <>
-         
+         <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
             
             <div 
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-gradient-to-br from-gray-50 to-white relative z-20 mx-auto overflow-hidden"
diff --git a/servers/nextjs/presentation-templates/general/ChartWithBulletsSlideLayout.tsx b/servers/nextjs/presentation-templates/general/ChartWithBulletsSlideLayout.tsx
index 564af2c3..0546c441 100644
--- a/servers/nextjs/presentation-templates/general/ChartWithBulletsSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/ChartWithBulletsSlideLayout.tsx
@@ -232,7 +232,10 @@ const ChartWithBulletsSlideLayout: React.FC<ChartWithBulletsSlideLayoutProps> =
     return (
         <>
        
-           
+           <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
 
             <div
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden"
diff --git a/servers/nextjs/presentation-templates/general/IntroSlideLayout.tsx b/servers/nextjs/presentation-templates/general/IntroSlideLayout.tsx
index 816ac529..9f512564 100644
--- a/servers/nextjs/presentation-templates/general/IntroSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/IntroSlideLayout.tsx
@@ -44,7 +44,10 @@ const IntroSlideLayout: React.FC<IntroSlideLayoutProps> = ({ data: slideData })
     const presenterInitials = getInitials(slideData?.presenterName || 'John Doe');
     return (
         <>
-           
+           <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
             
             <div 
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden"
diff --git a/servers/nextjs/presentation-templates/general/MetricsSlideLayout.tsx b/servers/nextjs/presentation-templates/general/MetricsSlideLayout.tsx
index 3585a430..e7e11df9 100644
--- a/servers/nextjs/presentation-templates/general/MetricsSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/MetricsSlideLayout.tsx
@@ -77,7 +77,10 @@ const MetricsSlideLayout: React.FC<MetricsSlideLayoutProps> = ({ data: slideData
     return (
         <>
             {/* Import Google Fonts */}
-           
+           <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
 
             <div
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden flex flex-col"
diff --git a/servers/nextjs/presentation-templates/general/MetricsWithImageSlideLayout.tsx b/servers/nextjs/presentation-templates/general/MetricsWithImageSlideLayout.tsx
index af7d1c70..4bf6bfe1 100644
--- a/servers/nextjs/presentation-templates/general/MetricsWithImageSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/MetricsWithImageSlideLayout.tsx
@@ -54,7 +54,10 @@ const MetricsWithImageSlideLayout: React.FC<MetricsWithImageSlideLayoutProps> =
 
     return (
         <>
-            
+            <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
             
             <div 
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden"
diff --git a/servers/nextjs/presentation-templates/general/NumberedBulletsSlideLayout.tsx b/servers/nextjs/presentation-templates/general/NumberedBulletsSlideLayout.tsx
index e260769c..55d8e6da 100644
--- a/servers/nextjs/presentation-templates/general/NumberedBulletsSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/NumberedBulletsSlideLayout.tsx
@@ -58,7 +58,10 @@ const NumberedBulletsSlideLayout: React.FC<NumberedBulletsSlideLayoutProps> = ({
 
     return (
         <>
-           
+           <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
 
             <div
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden"
diff --git a/servers/nextjs/presentation-templates/general/QuoteSlideLayout.tsx b/servers/nextjs/presentation-templates/general/QuoteSlideLayout.tsx
index 84ee087b..c80220a4 100644
--- a/servers/nextjs/presentation-templates/general/QuoteSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/QuoteSlideLayout.tsx
@@ -36,7 +36,10 @@ const QuoteSlideLayout: React.FC<QuoteSlideLayoutProps> = ({ data: slideData })
     return (
         <>
             {/* Import Google Fonts */}
-            
+            <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
 
             <div
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden"
diff --git a/servers/nextjs/presentation-templates/general/TableInfoSlideLayout.tsx b/servers/nextjs/presentation-templates/general/TableInfoSlideLayout.tsx
index 46da6655..caebf428 100644
--- a/servers/nextjs/presentation-templates/general/TableInfoSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/TableInfoSlideLayout.tsx
@@ -52,7 +52,10 @@ const TableInfoSlideLayout: React.FC<TableInfoSlideLayoutProps> = ({ data: slide
     return (
         <>
             {/* Import Google Fonts */}
-            
+            <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
 
             <div
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden flex flex-col"
diff --git a/servers/nextjs/presentation-templates/general/TableOfContentsSlideLayout.tsx b/servers/nextjs/presentation-templates/general/TableOfContentsSlideLayout.tsx
index 244153ed..336b6507 100644
--- a/servers/nextjs/presentation-templates/general/TableOfContentsSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/TableOfContentsSlideLayout.tsx
@@ -48,7 +48,10 @@ const TableOfContentsSlideLayout: React.FC<TableOfContentsSlideLayoutProps> = ({
 
     return (
         <>
-           
+           <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
             
             <div 
                 className="w-full rounded-sm max-w-[1280px] shadow-lg px-8 sm:px-12 lg:px-20 py-8 sm:py-12 lg:py-16 max-h-[720px] aspect-video bg-white relative z-20 mx-auto"
diff --git a/servers/nextjs/presentation-templates/general/TeamSlideLayout.tsx b/servers/nextjs/presentation-templates/general/TeamSlideLayout.tsx
index 5ae1c08d..1147c3c5 100644
--- a/servers/nextjs/presentation-templates/general/TeamSlideLayout.tsx
+++ b/servers/nextjs/presentation-templates/general/TeamSlideLayout.tsx
@@ -92,7 +92,10 @@ const TeamSlideLayout: React.FC<TeamSlideLayoutProps> = ({ data: slideData }) =>
 
     return (
         <>
-           
+           <link
+                href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+                rel="stylesheet"
+            />
             
             <div
                 className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden"