Implement Unica77 font with custom font feature settings on website (#…

…651)
socialincome-san · Nov 27, 2023 · 8f4323e · 8f4323e
1 parent 37480ea
commit 8f4323e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git 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
@@ -12,7 +12,7 @@ module.exports = {
 			},
 		},
 		fontFamily: {
-			sans: ['Unica77', 'sans-serif'],
+			sans: ['Unica77, sans-serif', { fontFeatureSettings: "'ss04' on" }],
 		},
 		extend: {
 			colors: {