diff --git a/src/css/custom.scss b/src/css/custom.scss
index b289987..de52f80 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -9,6 +9,11 @@
 @import 'Sticker';
 @import 'Carousel';
 @import 'index';
+// @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+// html * {
+//   font-family: "Work Sans", sans-serif;
+// }
+
 
 /* You can override the default Infima variables here. */
 :root {
diff --git a/src/css/index.scss b/src/css/index.scss
index 1c48777..5029560 100644
--- a/src/css/index.scss
+++ b/src/css/index.scss
@@ -1,4 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+@import url("https://use.typekit.net/eyh3ukd.css");
+
 
 .about-wrapper {
   height: calc(100vh - 60px);
@@ -15,8 +17,9 @@
 
     .text-wrapper {
       .title {
-        font-family: 'Space Mono', monospace;
+        font-family: "source-serif-pro", serif;
         font-weight: 700;
+        font-style: normal;
         font-size: 32px;
       }