diff --git a/app/templates/admin/base.html b/app/templates/admin/base.html
index a9a678d5..3cf5e339 100644
--- a/app/templates/admin/base.html
+++ b/app/templates/admin/base.html
@@ -6,7 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{% block title %}Admin Panel{% endblock %} - Multi-Tenant Platform</title>
 
-    <!-- Fonts -->
+    <!-- Fonts: Local fallback + Google Fonts -->
+    <link href="/static/shared/fonts/inter.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
 
     <!-- Tailwind CSS with CDN fallback -->
diff --git a/app/templates/admin/login.html b/app/templates/admin/login.html
index f5aad69e..313a392d 100644
--- a/app/templates/admin/login.html
+++ b/app/templates/admin/login.html
@@ -5,6 +5,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Admin Login - Multi-Tenant Platform</title>
+    <!-- Fonts: Local fallback + Google Fonts -->
+    <link href="/static/shared/fonts/inter.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="{{ url_for('static', path='admin/css/tailwind.output.css') }}" />
     <style>
diff --git a/app/templates/shop/account/forgot-password.html b/app/templates/shop/account/forgot-password.html
index a866599e..d5541c77 100644
--- a/app/templates/shop/account/forgot-password.html
+++ b/app/templates/shop/account/forgot-password.html
@@ -5,6 +5,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Forgot Password - {{ vendor.name }}</title>
+    <!-- Fonts: Local fallback + Google Fonts -->
+    <link href="/static/shared/fonts/inter.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
 
     {# CRITICAL: Inject theme CSS variables #}
diff --git a/app/templates/shop/account/login.html b/app/templates/shop/account/login.html
index 98b6c97b..62bd3f7d 100644
--- a/app/templates/shop/account/login.html
+++ b/app/templates/shop/account/login.html
@@ -5,6 +5,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Customer Login - {{ vendor.name }}</title>
+    <!-- Fonts: Local fallback + Google Fonts -->
+    <link href="/static/shared/fonts/inter.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
 
     {# CRITICAL: Inject theme CSS variables #}
diff --git a/app/templates/shop/account/register.html b/app/templates/shop/account/register.html
index d21ad907..f439ed98 100644
--- a/app/templates/shop/account/register.html
+++ b/app/templates/shop/account/register.html
@@ -5,6 +5,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Create Account - {{ vendor.name }}</title>
+    <!-- Fonts: Local fallback + Google Fonts -->
+    <link href="/static/shared/fonts/inter.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
 
     {# CRITICAL: Inject theme CSS variables #}
diff --git a/app/templates/vendor/base.html b/app/templates/vendor/base.html
index 934b5511..9c0dc847 100644
--- a/app/templates/vendor/base.html
+++ b/app/templates/vendor/base.html
@@ -6,7 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{% block title %}Vendor Panel{% endblock %} - {{ vendor.name if vendor else 'Multi-Tenant Platform' }}</title>
 
-    <!-- Fonts -->
+    <!-- Fonts: Local fallback + Google Fonts -->
+    <link href="/static/shared/fonts/inter.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
 
     <!-- Tailwind CSS with CDN fallback -->
diff --git a/app/templates/vendor/login.html b/app/templates/vendor/login.html
index a496106a..b6df7853 100644
--- a/app/templates/vendor/login.html
+++ b/app/templates/vendor/login.html
@@ -5,6 +5,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vendor Login - Multi-Tenant Platform</title>
+    <!-- Fonts: Local fallback + Google Fonts -->
+    <link href="/static/shared/fonts/inter.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="{{ url_for('static', path='vendor/css/tailwind.output.css') }}" />
     <style>
diff --git a/static/shared/fonts/inter.css b/static/shared/fonts/inter.css
new file mode 100644
index 00000000..b86003c4
--- /dev/null
+++ b/static/shared/fonts/inter.css
@@ -0,0 +1,46 @@
+/**
+ * Inter Font - Local Fallback
+ *
+ * This file provides local font files as fallback when Google Fonts is unavailable.
+ * Works offline and reduces external dependencies.
+ */
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('/static/shared/fonts/inter/inter-400.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('/static/shared/fonts/inter/inter-500.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('/static/shared/fonts/inter/inter-600.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('/static/shared/fonts/inter/inter-700.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url('/static/shared/fonts/inter/inter-800.ttf') format('truetype');
+}
diff --git a/static/shared/fonts/inter/inter-400.ttf b/static/shared/fonts/inter/inter-400.ttf
new file mode 100644
index 00000000..399a6e0c
Binary files /dev/null and b/static/shared/fonts/inter/inter-400.ttf differ
diff --git a/static/shared/fonts/inter/inter-500.ttf b/static/shared/fonts/inter/inter-500.ttf
new file mode 100644
index 00000000..4a57a1a7
Binary files /dev/null and b/static/shared/fonts/inter/inter-500.ttf differ
diff --git a/static/shared/fonts/inter/inter-600.ttf b/static/shared/fonts/inter/inter-600.ttf
new file mode 100644
index 00000000..67fda287
Binary files /dev/null and b/static/shared/fonts/inter/inter-600.ttf differ
diff --git a/static/shared/fonts/inter/inter-700.ttf b/static/shared/fonts/inter/inter-700.ttf
new file mode 100644
index 00000000..9c2f47d4
Binary files /dev/null and b/static/shared/fonts/inter/inter-700.ttf differ
diff --git a/static/shared/fonts/inter/inter-800.ttf b/static/shared/fonts/inter/inter-800.ttf
new file mode 100644
index 00000000..8a9a1bcb
Binary files /dev/null and b/static/shared/fonts/inter/inter-800.ttf differ