diff --git a/plugins/woocommerce/legacy/css/twenty-nineteen.scss b/plugins/woocommerce/legacy/css/twenty-nineteen.scss
index a601c3640a7be..388800ba45432 100644
--- a/plugins/woocommerce/legacy/css/twenty-nineteen.scss
+++ b/plugins/woocommerce/legacy/css/twenty-nineteen.scss
@@ -17,9 +17,10 @@ $highlights-color: #0073aa;
 	font-family: 'star';
 	src: url('../fonts/WooCommerce.eot');
 	src: url('../fonts/WooCommerce.eot?#iefix') format('embedded-opentype'),
+		url('../fonts/WooCommerce.woff2') format('woff2'),
 		url('../fonts/WooCommerce.woff') format('woff'),
 		url('../fonts/WooCommerce.ttf') format('truetype'),
-		url('../fonts/WooCommerce.svg#star') format('svg');
+		url('../fonts/WooCommerce.svg#WooCommerce') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }
@@ -28,6 +29,7 @@ $highlights-color: #0073aa;
 	font-family: 'WooCommerce';
 	src: url('../fonts/WooCommerce.eot');
 	src: url('../fonts/WooCommerce.eot?#iefix') format('embedded-opentype'),
+		url('../fonts/WooCommerce.woff2') format('woff2'),
 		url('../fonts/WooCommerce.woff') format('woff'),
 		url('../fonts/WooCommerce.ttf') format('truetype'),
 		url('../fonts/WooCommerce.svg#WooCommerce') format('svg');
diff --git a/plugins/woocommerce/legacy/css/twenty-seventeen.scss b/plugins/woocommerce/legacy/css/twenty-seventeen.scss
index a95740692c606..98523981dd2c8 100644
--- a/plugins/woocommerce/legacy/css/twenty-seventeen.scss
+++ b/plugins/woocommerce/legacy/css/twenty-seventeen.scss
@@ -12,9 +12,10 @@
 	src: url("../fonts/WooCommerce.eot");
 	src:
 		url("../fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),
+		url("../fonts/WooCommerce.woff2") format('woff2'),
 		url("../fonts/WooCommerce.woff") format("woff"),
 		url("../fonts/WooCommerce.ttf") format("truetype"),
-		url("../fonts/WooCommerce.svg#star") format("svg");
+		url("../fonts/WooCommerce.svg#WooCommerce") format("svg");
 	font-weight: normal;
 	font-style: normal;
 }
@@ -24,6 +25,7 @@
 	src: url("../fonts/WooCommerce.eot");
 	src:
 		url("../fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),
+		url("../fonts/WooCommerce.woff2") format('woff2'),
 		url("../fonts/WooCommerce.woff") format("woff"),
 		url("../fonts/WooCommerce.ttf") format("truetype"),
 		url("../fonts/WooCommerce.svg#WooCommerce") format("svg");
diff --git a/plugins/woocommerce/legacy/css/twenty-twenty-one.scss b/plugins/woocommerce/legacy/css/twenty-twenty-one.scss
index 8eeb71dbddf1b..584e3739accd7 100644
--- a/plugins/woocommerce/legacy/css/twenty-twenty-one.scss
+++ b/plugins/woocommerce/legacy/css/twenty-twenty-one.scss
@@ -18,9 +18,10 @@ $highlights-color: #88a171;
 	src: url(../fonts/WooCommerce.eot);
 	src:
 		url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
+		url(../fonts/WooCommerce.woff2) format('woff2'),
 		url(../fonts/WooCommerce.woff) format("woff"),
 		url(../fonts/WooCommerce.ttf) format("truetype"),
-		url(../fonts/WooCommerce.svg#star) format("svg");
+		url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
 	font-weight: 400;
 	font-style: normal;
 }
@@ -30,6 +31,7 @@ $highlights-color: #88a171;
 	src: url(../fonts/WooCommerce.eot);
 	src:
 		url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
+		url(../fonts/WooCommerce.woff2) format('woff2'),
 		url(../fonts/WooCommerce.woff) format("woff"),
 		url(../fonts/WooCommerce.ttf) format("truetype"),
 		url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
diff --git a/plugins/woocommerce/legacy/css/twenty-twenty-two.scss b/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
index 9d7c915f54c15..31b07af52d1e6 100644
--- a/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
+++ b/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
@@ -6,9 +6,10 @@
 	src: url(../fonts/WooCommerce.eot);
 	src:
 		url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
+		url(../fonts/WooCommerce.woff2) format('woff2'),
 		url(../fonts/WooCommerce.woff) format("woff"),
 		url(../fonts/WooCommerce.ttf) format("truetype"),
-		url(../fonts/WooCommerce.svg#star) format("svg");
+		url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
 	font-weight: 400;
 	font-style: normal;
 }
@@ -18,6 +19,7 @@
 	src: url(../fonts/WooCommerce.eot);
 	src:
 		url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
+		url(../fonts/WooCommerce.woff2) format('woff2'),
 		url(../fonts/WooCommerce.woff) format("woff"),
 		url(../fonts/WooCommerce.ttf) format("truetype"),
 		url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
diff --git a/plugins/woocommerce/legacy/css/twenty-twenty.scss b/plugins/woocommerce/legacy/css/twenty-twenty.scss
index 161a85d6c0e1a..f66dbe6c3716e 100644
--- a/plugins/woocommerce/legacy/css/twenty-twenty.scss
+++ b/plugins/woocommerce/legacy/css/twenty-twenty.scss
@@ -18,9 +18,10 @@ $highlights-color: #cd2653;
 	src: url(../fonts/WooCommerce.eot);
 	src:
 		url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
+		url(../fonts/WooCommerce.woff2) format('woff2'),
 		url(../fonts/WooCommerce.woff) format("woff"),
 		url(../fonts/WooCommerce.ttf) format("truetype"),
-		url(../fonts/WooCommerce.svg#star) format("svg");
+		url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
 	font-weight: 400;
 	font-style: normal;
 }
@@ -30,6 +31,7 @@ $highlights-color: #cd2653;
 	src: url(../fonts/WooCommerce.eot);
 	src:
 		url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
+		url(../fonts/WooCommerce.woff2) format('woff2'),
 		url(../fonts/WooCommerce.woff) format("woff"),
 		url(../fonts/WooCommerce.ttf) format("truetype"),
 		url(../fonts/WooCommerce.svg#WooCommerce) format("svg");