diff --git a/.changeset/bright-socks-sell.md b/.changeset/bright-socks-sell.md
new file mode 100644
index 0000000000..46073054bc
--- /dev/null
+++ b/.changeset/bright-socks-sell.md
@@ -0,0 +1,5 @@
+---
+'@repo/ui': minor
+---
+
+Compress fonts (ttf -> woff2)
diff --git a/packages/ui/fonts/Devanagari-Sangam-Bold.ttf b/packages/ui/fonts/Devanagari-Sangam-Bold.ttf
deleted file mode 100644
index 79bb24efca..0000000000
Binary files a/packages/ui/fonts/Devanagari-Sangam-Bold.ttf and /dev/null differ
diff --git a/packages/ui/fonts/Devanagari-Sangam-Bold.woff2 b/packages/ui/fonts/Devanagari-Sangam-Bold.woff2
new file mode 100644
index 0000000000..0ebda2f809
Binary files /dev/null and b/packages/ui/fonts/Devanagari-Sangam-Bold.woff2 differ
diff --git a/packages/ui/fonts/Devanagari-Sangam-Regular.ttf b/packages/ui/fonts/Devanagari-Sangam-Regular.ttf
deleted file mode 100644
index 3001abed91..0000000000
Binary files a/packages/ui/fonts/Devanagari-Sangam-Regular.ttf and /dev/null differ
diff --git a/packages/ui/fonts/Devanagari-Sangam-Regular.woff2 b/packages/ui/fonts/Devanagari-Sangam-Regular.woff2
new file mode 100644
index 0000000000..4b12df2170
Binary files /dev/null and b/packages/ui/fonts/Devanagari-Sangam-Regular.woff2 differ
diff --git a/packages/ui/fonts/Faktum-Bold.ttf b/packages/ui/fonts/Faktum-Bold.ttf
deleted file mode 100644
index 40749aa4ff..0000000000
Binary files a/packages/ui/fonts/Faktum-Bold.ttf and /dev/null differ
diff --git a/packages/ui/fonts/Faktum-Bold.woff2 b/packages/ui/fonts/Faktum-Bold.woff2
new file mode 100644
index 0000000000..84f0cef18f
Binary files /dev/null and b/packages/ui/fonts/Faktum-Bold.woff2 differ
diff --git a/packages/ui/fonts/Faktum-Medium.ttf b/packages/ui/fonts/Faktum-Medium.ttf
deleted file mode 100644
index b3731f80f3..0000000000
Binary files a/packages/ui/fonts/Faktum-Medium.ttf and /dev/null differ
diff --git a/packages/ui/fonts/Faktum-Medium.woff2 b/packages/ui/fonts/Faktum-Medium.woff2
new file mode 100644
index 0000000000..e4334557f5
Binary files /dev/null and b/packages/ui/fonts/Faktum-Medium.woff2 differ
diff --git a/packages/ui/fonts/Faktum-SemiBold.ttf b/packages/ui/fonts/Faktum-SemiBold.ttf
deleted file mode 100644
index e7eade0123..0000000000
Binary files a/packages/ui/fonts/Faktum-SemiBold.ttf and /dev/null differ
diff --git a/packages/ui/fonts/Faktum-SemiBold.woff2 b/packages/ui/fonts/Faktum-SemiBold.woff2
new file mode 100644
index 0000000000..92411aa548
Binary files /dev/null and b/packages/ui/fonts/Faktum-SemiBold.woff2 differ
diff --git a/packages/ui/styles/globals.css b/packages/ui/styles/globals.css
index d67d2e2672..bcf8eb68bd 100644
--- a/packages/ui/styles/globals.css
+++ b/packages/ui/styles/globals.css
@@ -4,11 +4,14 @@
 
 @layer base {
   :root {
-    --background: 0, 0%, 0%; /* black bg */
+    /* black bg */
+    --background: 0, 0%, 0%;
     --foreground: 0, 4%, 73%;
 
-    --muted: 0, 0%, 100%; /* white text */
-    --muted-foreground: 0, 4%, 73%; /* #BDB8B8 text*/
+    /* white text */
+    --muted: 0, 0%, 100%;
+    /* #BDB8B8 text*/
+    --muted-foreground: 0, 4%, 73%;
 
     --popover: 0 0% 100%;
     --popover-foreground: 222.2 84% 4.9%;
@@ -16,14 +19,17 @@
     --card: 0 0% 100%;
     --card-foreground: 222.2 84% 4.9%;
 
-    --border: 0, 2%, 21%; /* border as light-brown */
-    --border-secondary: rgba(75, 75, 75, 0.5); /* border as light-brown */
+    /* border as light-brown */
+    --border: 0, 2%, 21%;
+    --border-secondary: rgba(75, 75, 75, 0.5);
+
     --input: 214.3 31.8% 91.4%;
 
     --primary: 222.2 47.4% 11.2%;
     --primary-foreground: 210 40% 98%;
 
-    --secondary: 0, 2%, 21%; /* secondary btn bg  */
+    /* secondary btn bg  */
+    --secondary: 0, 2%, 21%;
     --secondary-foreground: 222.2 47.4% 11.2%;
 
     --accent: 210 40% 96.1%;
@@ -97,31 +103,31 @@
   @font-face {
     font-family: 'Faktum';
     font-weight: 700;
-    src: url('../fonts/Faktum-Bold.ttf') format('truetype');
+    src: url('../fonts/Faktum-Bold.woff2') format('woff2');
   }
 
   @font-face {
     font-family: 'Faktum';
     font-weight: 500;
-    src: url('../fonts/Faktum-Medium.ttf') format('truetype');
+    src: url('../fonts/Faktum-Medium.woff2') format('woff2');
   }
 
   @font-face {
     font-family: 'Faktum';
     font-weight: 600;
-    src: url('../fonts/Faktum-SemiBold.ttf') format('truetype');
+    src: url('../fonts/Faktum-SemiBold.woff2') format('woff2');
   }
 
   @font-face {
     font-family: 'Devanagari Sangam';
     font-weight: 400;
-    src: url('../fonts/Devanagari-Sangam-Regular.ttf') format('truetype');
+    src: url('../fonts/Devanagari-Sangam-Regular.woff2') format('woff2');
   }
 
   @font-face {
     font-family: 'Devanagari Sangam';
     font-weight: 700;
-    src: url('../fonts/Devanagari-Sangam-Bold.ttf') format('truetype');
+    src: url('../fonts/Devanagari-Sangam-Bold.woff2') format('woff2');
   }
 
   @font-face {