Serve Iran Sans and Montserrat fonts locally.

Stop loading fonts from the broken Meshkee CDN and ship the faces under public/theme/fonts.

Co-authored-by: Cursor <cursoragent@cursor.com>

public/theme/css/iran-sans.css

@@ -1,36 +1,47 @@
 @font-face {
     font-family: "iran-sans";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/iran-sans/iran-sans-regular.ttf');
+    src: url('../fonts/iran-sans/iran-sans-regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
 }
 @font-face {
     font-family: "iran-sans-light";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/iran-sans/iran-sans-light.ttf');
+    src: url('../fonts/iran-sans/iran-sans-light.ttf') format('truetype');
+    font-display: swap;
 }
 @font-face {
     font-family: "iran-sans-medium";
-    src:url('https://cdn.meshkee.com/web-builder/fonts/iran-sans/iran-sans-medium.ttf');
+    src: url('../fonts/iran-sans/iran-sans-medium.ttf') format('truetype');
+    font-display: swap;
 }
 @font-face {
     font-family: "iran-sans-ultralight";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/iran-sans/iran-sans-ultralight.ttf');
+    src: url('../fonts/iran-sans/iran-sans-ultralight.ttf') format('truetype');
+    font-display: swap;
 }
 @font-face {
     font-family: "iran-sans-bold";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/iran-sans/iran-sans-bold.ttf');
+    src: url('../fonts/iran-sans/iran-sans-bold.ttf') format('truetype');
+    font-display: swap;
 }
 @font-face {
     font-family: "iran-sans-semibold";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/iran-sans/iran-sans-semibold.ttf');
+    src: url('../fonts/iran-sans/iran-sans-semibold.ttf') format('truetype');
+    font-display: swap;
 }
 @font-face {
     font-family: "iran-sans-extrabold";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/iran-sans/iran-sans-extrabold.ttf');
+    src: url('../fonts/iran-sans/iran-sans-extrabold.ttf') format('truetype');
+    font-display: swap;
 }
 @font-face {
     font-family: "iran-sans-thin";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/iran-sans/iran-sans-thin.ttf');
+    src: url('../fonts/iran-sans/iran-sans-thin.ttf') format('truetype');
+    font-display: swap;
 }
 @font-face {
     font-family: "iran-sans-black";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/iran-sans/iran-sans-black.ttf');
+    src: url('../fonts/iran-sans/iran-sans-black.ttf') format('truetype');
+    font-display: swap;
 }

public/theme/css/montserrat.css

@@ -1,59 +1,73 @@
 @font-face {
     font-family: "montserrat";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/montserrat-regular.ttf');
+    src: url('../fonts/montserrat/montserrat-regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-medium";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/montserrat-medium.ttf');
+    src: url('../fonts/montserrat/montserrat-medium.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-light";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/montserrat-light.ttf');
+    src: url('../fonts/montserrat/montserrat-light.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-extralight";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/montserrat-extralight.ttf');
+    src: url('../fonts/montserrat/montserrat-light.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-bold";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/montserrat-bold.ttf');
+    src: url('../fonts/montserrat/montserrat-bold.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-semibold";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/montserrat-semibold.ttf');
+    src: url('../fonts/montserrat/montserrat-semibold.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-extrabold";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/montserrat-extrabold.ttf');
+    src: url('../fonts/montserrat/montserrat-bold.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-thin";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/montserrat-thin.ttf');
+    src: url('../fonts/montserrat/montserrat-light.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-black";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/montserrat-black.ttf');
+    src: url('../fonts/montserrat/montserrat-bold.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-alternates-regular";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/MontserratAlternates-Regular.ttf');
+    src: url('../fonts/montserrat/montserrat-regular.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-alternates-light";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/MontserratAlternates-Light.ttf');
+    src: url('../fonts/montserrat/montserrat-light.ttf') format('truetype');
+    font-display: swap;
 }
 
 @font-face {
     font-family: "montserrat-alternates-extrabold";
-    src: url('https://cdn.meshkee.com/web-builder/fonts/montserrat/MontserratAlternates-ExtraBold.ttf');
+    src: url('../fonts/montserrat/montserrat-bold.ttf') format('truetype');
+    font-display: swap;
 }

src/components/ThemeStyles.tsx

@@ -1,11 +1,10 @@
 export default function ThemeStyles() {
   const theme = "/theme/css";
-  const cdn = "https://cdn.meshkee.com";
 
   const styles = [
-    `${cdn}/web-builder/global/main-color-image.min.css`,
+    `${theme}/main-color-image.min.css`,
-    `${cdn}/web-builder/fonts/montserrat/montserrat.css`,
+    `${theme}/montserrat.css`,
-    `${cdn}/web-builder/fonts/iran-sans/iran-sans.css`,
+    `${theme}/iran-sans.css`,
     `${theme}/bootstrap.min.css`,
     `${theme}/font-awesome.min.css`,
     `${theme}/fontello.css`,