Building Variations

videomaker-white/assets/theme.css

@@ -79,6 +79,22 @@
   background-color: var(--wp--custom--button--color--text);
 }
 
+@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-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");
+}
 a:not(.wp-block-query-pagination-next):active {
   background: var(--wp--custom--color--foreground) !important;
   color: var(--wp--custom--color--background) !important;

videomaker-white/theme.json

@@ -114,18 +114,16 @@
 		"typography": {
 			"fontFamilies": [
 				{
-					"fontFamily": "\"Inter\", serif",
+					"fontFamily": "\"Inter\", sans-serif",
 					"fontSlug": "inter",
 					"slug": "body-font",
-					"name": "Body (Inter)",
-					"google": "family=Inter:wght@100..900"
+					"name": "Body (Inter)"
 				},
 				{
-					"fontFamily": "\"Inter\", serif",
+					"fontFamily": "\"Inter\", sans-serif",
 					"fontSlug": "inter",
 					"slug": "heading-font",
-					"name": "Headings (Inter)",
-					"google": "family=Inter:wght@100..900"
+					"name": "Headings (Inter)"
 				}
 			],
 			"fontSizes": [