diff --git a/apps/builder/src/pages/_document.tsx b/apps/builder/src/pages/_document.tsx
index 5dccc71df..e2ec56912 100644
--- a/apps/builder/src/pages/_document.tsx
+++ b/apps/builder/src/pages/_document.tsx
@@ -7,7 +7,7 @@ const Document = () => (
     <Head>
       <link rel="icon" type="image/png" href="/favicon.png" />
       <link
-        href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap"
+        href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap"
         rel="stylesheet"
       />
       <meta name="google" content="notranslate" />
diff --git a/packages/bot-engine/src/components/TypebotViewer.tsx b/packages/bot-engine/src/components/TypebotViewer.tsx
index a04ff3f55..811df5eea 100644
--- a/packages/bot-engine/src/components/TypebotViewer.tsx
+++ b/packages/bot-engine/src/components/TypebotViewer.tsx
@@ -91,7 +91,7 @@ export const TypebotViewer = ({
           dangerouslySetInnerHTML={{
             __html: `@import url('https://fonts.googleapis.com/css2?family=${
               typebot.theme.general.font ?? 'Open Sans'
-            }:wght@300;400;600&display=swap');`,
+            }:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');`,
           }}
         />
       )}
