From 29da291d6448f96ee66a5d497ef624f27d3c3c37 Mon Sep 17 00:00:00 2001
From: Adam Laker Illoul <85499621+Ademsk1@users.noreply.github.com>
Date: Wed, 25 Oct 2023 12:24:11 +0100
Subject: [PATCH] feat: extend font family w/  desired font: inter

---
 src/global.css     | 1 +
 stories/global.css | 1 +
 tailwind.config.js | 5 ++++-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/global.css b/src/global.css
index b5c61c95..4443c839 100644
--- a/src/global.css
+++ b/src/global.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/stories/global.css b/stories/global.css
index c2231d48..0bbdf8b0 100644
--- a/stories/global.css
+++ b/stories/global.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
 @config "./tailwind.config.js";
 
 @tailwind base;
diff --git a/tailwind.config.js b/tailwind.config.js
index e933ae6c..fef1f21d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,14 @@
 /** @type {import('tailwindcss').Config} */
 import colors from './src/colors'
-
+import defaultTheme from 'tailwindcss/defaultTheme'
 module.exports = {
   content: ['./src/**/*.tsx'],
   theme: {
     colors: colors,
     extend: {
+      fontFamily: {
+        sans: ['"Inter"', ...defaultTheme.fontFamily.sans]
+      },
       strokeWidth: {
         3: '4px',
         4: '6px'