diff --git a/videomaker-white/assets/theme.css b/videomaker-white/assets/theme.css
index f3eaa9a7ce..1f6aaeff94 100644
--- a/videomaker-white/assets/theme.css
+++ b/videomaker-white/assets/theme.css
@@ -85,7 +85,7 @@
   font-display: swap;
   font-style: normal;
   font-named-instance: "Regular";
-  src: url("/assets/fonts/Inter-roman.var.woff2/") format("woff2");
+  src: url("./assets/fonts/Inter-roman.var.woff2/") format("woff2");
 }
 @font-face {
   font-family: "Inter";
@@ -93,7 +93,7 @@
   font-display: swap;
   font-style: italic;
   font-named-instance: "Italic";
-  src: url("/assets/fonts/Inter-italic.var.woff2/") format("woff2");
+  src: url("./assets/fonts/Inter-italic.var.woff2/") format("woff2");
 }
 a:not(.wp-block-query-pagination-next):active {
   background: var(--wp--custom--color--foreground) !important;
diff --git a/videomaker/assets/fonts/Inter-italic.var.woff2 b/videomaker/assets/fonts/Inter-italic_var.woff2
similarity index 100%
rename from videomaker/assets/fonts/Inter-italic.var.woff2
rename to videomaker/assets/fonts/Inter-italic_var.woff2
diff --git a/videomaker/assets/fonts/Inter-roman.var.woff2 b/videomaker/assets/fonts/Inter-roman_var.woff2
similarity index 100%
rename from videomaker/assets/fonts/Inter-roman.var.woff2
rename to videomaker/assets/fonts/Inter-roman_var.woff2
diff --git a/videomaker/assets/theme.css b/videomaker/assets/theme.css
index f3eaa9a7ce..516722fbb0 100644
--- a/videomaker/assets/theme.css
+++ b/videomaker/assets/theme.css
@@ -85,7 +85,7 @@
   font-display: swap;
   font-style: normal;
   font-named-instance: "Regular";
-  src: url("/assets/fonts/Inter-roman.var.woff2/") format("woff2");
+  src: url("./fonts/Inter-roman_var.woff2") format("woff2");
 }
 @font-face {
   font-family: "Inter";
@@ -93,7 +93,7 @@
   font-display: swap;
   font-style: italic;
   font-named-instance: "Italic";
-  src: url("/assets/fonts/Inter-italic.var.woff2/") format("woff2");
+  src: url("./fonts/Inter-italic_var.woff2") format("woff2");
 }
 a:not(.wp-block-query-pagination-next):active {
   background: var(--wp--custom--color--foreground) !important;
diff --git a/videomaker/sass/_fonts.scss b/videomaker/sass/_fonts.scss
index 3d77ade1e6..d1e137ad27 100644
--- a/videomaker/sass/_fonts.scss
+++ b/videomaker/sass/_fonts.scss
@@ -1,17 +1,17 @@
 @font-face {
-    font-family: 'Inter';
-    font-weight: 100 900;
-    font-display: swap;
-    font-style: normal;
-    font-named-instance: 'Regular';
-    src: url("/assets/fonts/Inter-roman.var.woff2/") format("woff2");
+	font-family: "Inter";
+	font-weight: 100 900;
+	font-display: swap;
+	font-style: normal;
+	font-named-instance: "Regular";
+	src: url("./fonts/Inter-roman_var.woff2") format("woff2");
 }
 
 @font-face {
-    font-family: 'Inter';
-    font-weight: 100 900;
-    font-display: swap;
-    font-style: italic;
-    font-named-instance: 'Italic';
-    src: url("/assets/fonts/Inter-italic.var.woff2/") format("woff2");
+	font-family: "Inter";
+	font-weight: 100 900;
+	font-display: swap;
+	font-style: italic;
+	font-named-instance: "Italic";
+	src: url("./fonts/Inter-italic_var.woff2") format("woff2");
 }