From 37ca1dc1329d86d1f57fa3045342340239418b43 Mon Sep 17 00:00:00 2001
From: Fabrice Francois <fabricevladimir@gmail.com>
Date: Wed, 20 Sep 2023 07:16:32 -0400
Subject: [PATCH] font family

---
 index.css                            | 6 ++++++
 src/styles/primitives/typography.css | 3 +++
 tailwind.config.js                   | 3 ---
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/index.css b/index.css
index 2daaba0da..24dde2769 100644
--- a/index.css
+++ b/index.css
@@ -3,3 +3,9 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  html {
+    font-family: var(--ods-font-family);
+  }
+}
diff --git a/src/styles/primitives/typography.css b/src/styles/primitives/typography.css
index 809d024f4..00d9ce98e 100644
--- a/src/styles/primitives/typography.css
+++ b/src/styles/primitives/typography.css
@@ -18,4 +18,7 @@
   --ods-line-height-normal: 1.5;
   --ods-line-height-tight: 1.25;
   --ods-line-height-relaxed: 1.65;
+
+  /******* Font Family *******/
+  --ods-font-family: "Manrope", sans-serif;
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 71ca16f8b..4182e5352 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -139,9 +139,6 @@ module.exports = {
             xl: 'var(--ods-breakpoint-xl)',
             '2xl': 'var(--ods-breakpoint-2xl)',
         },
-        fontFamily: {
-            sans: ['Manrope'],
-        },
         fontSize: {
             xs: 'var(--ods-font-size-xs:)',
             sm: 'var(--ods-font-size-sm:)',