diff --git a/public/index.html b/public/index.html
index 990d846..7166f60 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,13 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
 
-    <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
-    
-    <meta
-      name="description"
-      content="Bee Dashboard"
-    />
+    <meta name="description" content="Bee Dashboard" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
diff --git a/src/App.css b/src/App.css
index 9be78c6..585a1c1 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,34 +1,63 @@
 @font-face {
-  font-family: "IBMPlexMono500";
+  font-family: 'Work Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(assets/fonts/WorkSans/WorkSans-Light.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Work Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(assets/fonts/WorkSans/WorkSans-Regular.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Work Sans';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(assets/fonts/WorkSans/WorkSans-Medium.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Work Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(assets/fonts/WorkSans/WorkSans-SemiBold.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'IBMPlexMono500';
   src: url(assets/fonts/IBMPlexMono500.ttf) format('truetype');
   font-weight: 500;
 }
 @font-face {
-  font-family: "IBMPlexMono600";
+  font-family: 'IBMPlexMono600';
   src: url(assets/fonts/IBMPlexMono600.ttf) format('truetype');
   font-weight: 600;
 }
 @font-face {
-  font-family: "IBMPlexMonoregular";
+  font-family: 'IBMPlexMonoregular';
   src: url(assets/fonts/IBMPlexMonoregular.ttf) format('truetype');
   font-weight: 300;
 }
 @font-face {
-  font-family: "WorkSans-Italic-VariableFont_wght";
+  font-family: 'WorkSans-Italic-VariableFont_wght';
   src: url(assets/fonts/WorkSans-Italic-VariableFont_wght.ttf) format('truetype');
   font-weight: 700;
 }
 @font-face {
-  font-family: "WorkSans-VariableFont_wght";
+  font-family: 'WorkSans-VariableFont_wght';
   src: url(assets/fonts/WorkSans-VariableFont_wght.ttf) format('truetype');
   font-weight: 400;
 }
 
 .App {
-  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
+  font-family: 'Work Sans', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
 }
 
-a, button {  
-  font-family: "IBMPlexMono500" !important;
+a,
+button {
+  font-family: 'IBMPlexMono500' !important;
   color: #dd7700;
-}
\ No newline at end of file
+}
diff --git a/src/assets/fonts/WorkSans/WorkSans-Light.ttf b/src/assets/fonts/WorkSans/WorkSans-Light.ttf
new file mode 100644
index 0000000..ac80535
Binary files /dev/null and b/src/assets/fonts/WorkSans/WorkSans-Light.ttf differ
diff --git a/src/assets/fonts/WorkSans/WorkSans-Medium.ttf b/src/assets/fonts/WorkSans/WorkSans-Medium.ttf
new file mode 100644
index 0000000..11e3dda
Binary files /dev/null and b/src/assets/fonts/WorkSans/WorkSans-Medium.ttf differ
diff --git a/src/assets/fonts/WorkSans/WorkSans-Regular.ttf b/src/assets/fonts/WorkSans/WorkSans-Regular.ttf
new file mode 100644
index 0000000..92cd6d4
Binary files /dev/null and b/src/assets/fonts/WorkSans/WorkSans-Regular.ttf differ
diff --git a/src/assets/fonts/WorkSans/WorkSans-SemiBold.ttf b/src/assets/fonts/WorkSans/WorkSans-SemiBold.ttf
new file mode 100644
index 0000000..fa0af5b
Binary files /dev/null and b/src/assets/fonts/WorkSans/WorkSans-SemiBold.ttf differ