diff --git a/Channel-Frontend/index.html b/Channel-Frontend/index.html
index b5e957d..0ff3788 100644
--- a/Channel-Frontend/index.html
+++ b/Channel-Frontend/index.html
@@ -5,10 +5,6 @@
Tech4Biz Client & Admin Portal
-
-
-
-
diff --git a/Channel-Frontend/package-lock.json b/Channel-Frontend/package-lock.json
index f323471..4e44f41 100644
--- a/Channel-Frontend/package-lock.json
+++ b/Channel-Frontend/package-lock.json
@@ -8,6 +8,7 @@
"name": "tech4biz-channel",
"version": "0.0.0",
"dependencies": {
+ "@fontsource-variable/inter": "^5.2.8",
"@hookform/resolvers": "^5.4.0",
"@tanstack/react-query": "^5.101.2",
"@tanstack/react-router": "^1.170.17",
@@ -69,6 +70,15 @@
"tslib": "^2.4.0"
}
},
+ "node_modules/@fontsource-variable/inter": {
+ "version": "5.2.8",
+ "resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.8.tgz",
+ "integrity": "sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==",
+ "license": "OFL-1.1",
+ "funding": {
+ "url": "https://github.com/sponsors/ayuhito"
+ }
+ },
"node_modules/@hookform/resolvers": {
"version": "5.4.0",
"resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-5.4.0.tgz",
diff --git a/Channel-Frontend/package.json b/Channel-Frontend/package.json
index add9fb5..9ff3a4a 100644
--- a/Channel-Frontend/package.json
+++ b/Channel-Frontend/package.json
@@ -10,6 +10,7 @@
"preview": "vite preview"
},
"dependencies": {
+ "@fontsource-variable/inter": "^5.2.8",
"@hookform/resolvers": "^5.4.0",
"@tanstack/react-query": "^5.101.2",
"@tanstack/react-router": "^1.170.17",
diff --git a/Channel-Frontend/src/index.css b/Channel-Frontend/src/index.css
index 08aa806..e9c1120 100644
--- a/Channel-Frontend/src/index.css
+++ b/Channel-Frontend/src/index.css
@@ -40,7 +40,7 @@
--color-info: #3b82f6;
/* ── Typography ── */
- --font-sans: 'Outfit', 'Inter', ui-sans-serif, system-ui, sans-serif;
+ --font-sans: 'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif;
--font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
/* ── Spacing Scale ── */
diff --git a/Channel-Frontend/src/main.tsx b/Channel-Frontend/src/main.tsx
index 5663088..1982663 100644
--- a/Channel-Frontend/src/main.tsx
+++ b/Channel-Frontend/src/main.tsx
@@ -1,3 +1,4 @@
+import '@fontsource-variable/inter'
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'