diff --git a/ui/src/globals.css b/ui/src/globals.css
index 351af2995..ac6042f9e 100644
--- a/ui/src/globals.css
+++ b/ui/src/globals.css
@@ -2,6 +2,27 @@
 @tailwind components;
 @tailwind utilities;
 
+@font-face {
+	font-family: 'Unica77';
+	src: url('../../shared/assets/fonts/Unica77LLSub-Medium.woff2') format('woff2');
+	font-weight: 500;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Unica77';
+	src: url('../../shared/assets/fonts/Unica77LLSub-Bold.woff2') format('woff2');
+	font-weight: bold;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Unica77';
+	src: url('../../shared/assets/fonts/Unica77LLSub-Regular.woff2') format('woff2');
+	font-weight: normal;
+	font-style: normal;
+}
+
 @layer base {
 	:root,
 	.theme-default {
diff --git a/ui/tailwind.config.ts b/ui/tailwind.config.ts
index 6db4f1059..0c6db2193 100644
--- a/ui/tailwind.config.ts
+++ b/ui/tailwind.config.ts
@@ -12,7 +12,7 @@ module.exports = {
 			},
 		},
 		fontFamily: {
-			sans: ['Unica77', 'sans-serif'],
+			sans: ['Unica77, sans-serif', { fontFeatureSettings: "'ss04' on" }],
 		},
 		extend: {
 			colors: {