diff --git a/plugins/woocommerce-blocks/assets/css/style.scss b/plugins/woocommerce-blocks/assets/css/style.scss
index 52d84796558c..b3003f7bdcfa 100644
--- a/plugins/woocommerce-blocks/assets/css/style.scss
+++ b/plugins/woocommerce-blocks/assets/css/style.scss
@@ -109,7 +109,7 @@ body.wc-block-product-gallery-modal-open {
line-height: 1.618;
font-size: 1em;
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
- font-family: star;
+ font-family: WooCommerce;
font-weight: 400;
margin: 0 auto;
text-align: left;
diff --git a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-reviews/style.scss b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-reviews/style.scss
index c7cff596de09..91aadb93d05a 100644
--- a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-reviews/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-reviews/style.scss
@@ -38,7 +38,7 @@
line-height: 1.618;
font-size: 1em;
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
- font-family: star;
+ font-family: WooCommerce;
font-weight: 400;
&::before {
diff --git a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/rating-stars/style.scss b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/rating-stars/style.scss
index 56a3a4f36564..5a8401cce4c7 100644
--- a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/rating-stars/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/rating-stars/style.scss
@@ -11,7 +11,7 @@
line-height: 1.618;
font-size: 1em;
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
- font-family: star;
+ font-family: WooCommerce;
font-weight: 400;
text-align: left;
@@ -74,7 +74,7 @@
line-height: 1.618;
font-size: 1em;
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
- font-family: star;
+ font-family: WooCommerce;
font-weight: 400;
-webkit-text-stroke: 2px var(--wp--preset--color--black, #000);
&::before {
diff --git a/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss
index 384d9b63a90f..888c05482972 100644
--- a/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss
@@ -16,7 +16,7 @@ $line-height: 1.618;
line-height: $line-height;
font-size: 1em;
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
- font-family: star;
+ font-family: WooCommerce;
font-weight: 400;
&.wc-block-grid__product-rating__stars {
@@ -86,7 +86,7 @@ $line-height: 1.618;
line-height: $line-height;
font-size: 1em;
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
- font-family: star;
+ font-family: WooCommerce;
font-weight: 400;
-webkit-text-stroke: 2px var(--wp--preset--color--black, #000);
&::before {
diff --git a/plugins/woocommerce-blocks/assets/js/base/components/reviews/review-list-item/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/reviews/review-list-item/style.scss
index 4692a198bf7d..d4491573dbb7 100644
--- a/plugins/woocommerce-blocks/assets/js/base/components/reviews/review-list-item/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/base/components/reviews/review-list-item/style.scss
@@ -176,7 +176,7 @@
height: 1em;
line-height: 1;
width: 5.3em;
- font-family: star; /* stylelint-disable-line */
+ font-family: WooCommerce; /* stylelint-disable-line */
font-weight: 400;
}
diff --git a/plugins/woocommerce/assets/fonts/WooCommerce.eot b/plugins/woocommerce/assets/fonts/WooCommerce.eot
deleted file mode 100644
index ead1f7d05da4..000000000000
Binary files a/plugins/woocommerce/assets/fonts/WooCommerce.eot and /dev/null differ
diff --git a/plugins/woocommerce/assets/fonts/WooCommerce.svg b/plugins/woocommerce/assets/fonts/WooCommerce.svg
index 6be91d22366d..ea68e65ba2c0 100644
--- a/plugins/woocommerce/assets/fonts/WooCommerce.svg
+++ b/plugins/woocommerce/assets/fonts/WooCommerce.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/plugins/woocommerce/assets/fonts/WooCommerce.ttf b/plugins/woocommerce/assets/fonts/WooCommerce.ttf
index 342019b7d7c1..0bd246d3439e 100644
Binary files a/plugins/woocommerce/assets/fonts/WooCommerce.ttf and b/plugins/woocommerce/assets/fonts/WooCommerce.ttf differ
diff --git a/plugins/woocommerce/assets/fonts/WooCommerce.woff b/plugins/woocommerce/assets/fonts/WooCommerce.woff
index 60fb3de036b4..38ecec20695f 100644
Binary files a/plugins/woocommerce/assets/fonts/WooCommerce.woff and b/plugins/woocommerce/assets/fonts/WooCommerce.woff differ
diff --git a/plugins/woocommerce/assets/fonts/WooCommerce.woff2 b/plugins/woocommerce/assets/fonts/WooCommerce.woff2
new file mode 100644
index 000000000000..7611faf765b7
Binary files /dev/null and b/plugins/woocommerce/assets/fonts/WooCommerce.woff2 differ
diff --git a/plugins/woocommerce/assets/fonts/star.eot b/plugins/woocommerce/assets/fonts/star.eot
deleted file mode 100644
index 6cecb13b7691..000000000000
Binary files a/plugins/woocommerce/assets/fonts/star.eot and /dev/null differ
diff --git a/plugins/woocommerce/changelog/31670-remove-star-icon b/plugins/woocommerce/changelog/31670-remove-star-icon
new file mode 100644
index 000000000000..efc93cba5789
--- /dev/null
+++ b/plugins/woocommerce/changelog/31670-remove-star-icon
@@ -0,0 +1,4 @@
+Significance: minor
+Type: performance
+
+Removes star font
\ No newline at end of file
diff --git a/plugins/woocommerce/client/legacy/css/_fonts.scss b/plugins/woocommerce/client/legacy/css/_fonts.scss
index bf71d1cbe5ec..b19a4a7dd20d 100644
--- a/plugins/woocommerce/client/legacy/css/_fonts.scss
+++ b/plugins/woocommerce/client/legacy/css/_fonts.scss
@@ -4,22 +4,18 @@
*/
@font-face {
font-family: 'star';
- src: url('../fonts/star.eot');
- src: url('../fonts/star.eot?#iefix') format('embedded-opentype'),
- url('../fonts/star.woff') format('woff'),
- url('../fonts/star.ttf') format('truetype'),
- url('../fonts/star.svg#star') format('svg');
+ src: url('../fonts/WooCommerce.woff2') format('woff2'),
+ url('../fonts/WooCommerce.woff') format('woff'),
+ url('../fonts/WooCommerce.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WooCommerce';
- src: url('../fonts/WooCommerce.eot');
- src: url('../fonts/WooCommerce.eot?#iefix') format('embedded-opentype'),
- url('../fonts/WooCommerce.woff') format('woff'),
- url('../fonts/WooCommerce.ttf') format('truetype'),
- url('../fonts/WooCommerce.svg#WooCommerce') format('svg');
+ src: url('../fonts/WooCommerce.woff2') format('woff2'),
+ url('../fonts/WooCommerce.woff') format('woff'),
+ url('../fonts/WooCommerce.ttf') format('truetype');
font-weight: normal;
font-style: normal;
-}
\ No newline at end of file
+}
diff --git a/plugins/woocommerce/client/legacy/css/twenty-nineteen.scss b/plugins/woocommerce/client/legacy/css/twenty-nineteen.scss
index fd257184f749..b023396b8802 100644
--- a/plugins/woocommerce/client/legacy/css/twenty-nineteen.scss
+++ b/plugins/woocommerce/client/legacy/css/twenty-nineteen.scss
@@ -13,27 +13,7 @@ $highlights-color: #0073aa;
/**
* Fonts
*/
- @font-face {
- font-family: 'star';
- src: url('../fonts/star.eot');
- src: url('../fonts/star.eot?#iefix') format('embedded-opentype'),
- url('../fonts/star.woff') format('woff'),
- url('../fonts/star.ttf') format('truetype'),
- url('../fonts/star.svg#star') format('svg');
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'WooCommerce';
- src: url('../fonts/WooCommerce.eot');
- src: url('../fonts/WooCommerce.eot?#iefix') format('embedded-opentype'),
- url('../fonts/WooCommerce.woff') format('woff'),
- url('../fonts/WooCommerce.ttf') format('truetype'),
- url('../fonts/WooCommerce.svg#WooCommerce') format('svg');
- font-weight: normal;
- font-style: normal;
-}
+@import "fonts";
/**
* Global elements
@@ -226,7 +206,7 @@ ul.products {
line-height: 1;
font-size: 1em;
width: 5.4em;
- font-family: 'star';
+ font-family: WooCommerce;
&::before {
content: '\73\73\73\73\73';
diff --git a/plugins/woocommerce/client/legacy/css/twenty-seventeen.scss b/plugins/woocommerce/client/legacy/css/twenty-seventeen.scss
index f2c0af5bb9f1..851307fdd9c3 100644
--- a/plugins/woocommerce/client/legacy/css/twenty-seventeen.scss
+++ b/plugins/woocommerce/client/legacy/css/twenty-seventeen.scss
@@ -7,29 +7,7 @@
/**
* Fonts
*/
-@font-face {
- font-family: "star";
- src: url("../fonts/star.eot");
- src:
- url("../fonts/star.eot?#iefix") format("embedded-opentype"),
- url("../fonts/star.woff") format("woff"),
- url("../fonts/star.ttf") format("truetype"),
- url("../fonts/star.svg#star") format("svg");
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: "WooCommerce";
- src: url("../fonts/WooCommerce.eot");
- src:
- url("../fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),
- url("../fonts/WooCommerce.woff") format("woff"),
- url("../fonts/WooCommerce.ttf") format("truetype"),
- url("../fonts/WooCommerce.svg#WooCommerce") format("svg");
- font-weight: normal;
- font-style: normal;
-}
+@import "fonts";
/**
* Mixins
@@ -225,7 +203,7 @@ ul.products {
line-height: 1;
font-size: 1em;
width: 5.4em;
- font-family: "star";
+ font-family: WooCommerce;
&::before {
content: "\73\73\73\73\73";
diff --git a/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss b/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss
index b320154f2436..336d53a8e5ab 100644
--- a/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss
+++ b/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss
@@ -13,29 +13,7 @@ $highlights-color: #88a171;
/**
* Fonts
*/
-@font-face {
- font-family: star;
- src: url(../fonts/star.eot);
- src:
- url(../fonts/star.eot?#iefix) format("embedded-opentype"),
- url(../fonts/star.woff) format("woff"),
- url(../fonts/star.ttf) format("truetype"),
- url(../fonts/star.svg#star) format("svg");
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: WooCommerce;
- src: url(../fonts/WooCommerce.eot);
- src:
- url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
- url(../fonts/WooCommerce.woff) format("woff"),
- url(../fonts/WooCommerce.ttf) format("truetype"),
- url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
- font-weight: 400;
- font-style: normal;
-}
+@import "fonts";
/**
* Global elements
@@ -398,7 +376,7 @@ ul.products {
line-height: 1;
font-size: 1em;
width: 5.4em;
- font-family: star;
+ font-family: WooCommerce;
margin-bottom: 0.7rem;
&::before {
diff --git a/plugins/woocommerce/client/legacy/css/twenty-twenty-three.scss b/plugins/woocommerce/client/legacy/css/twenty-twenty-three.scss
index 3bb76f57ef1b..1baa2d2b522f 100644
--- a/plugins/woocommerce/client/legacy/css/twenty-twenty-three.scss
+++ b/plugins/woocommerce/client/legacy/css/twenty-twenty-three.scss
@@ -1,29 +1,7 @@
/**
* Fonts
*/
-@font-face {
- font-family: star;
- src: url(../fonts/star.eot);
- src:
- url(../fonts/star.eot?#iefix) format("embedded-opentype"),
- url(../fonts/star.woff) format("woff"),
- url(../fonts/star.ttf) format("truetype"),
- url(../fonts/star.svg#star) format("svg");
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: WooCommerce;
- src: url(../fonts/WooCommerce.eot);
- src:
- url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
- url(../fonts/WooCommerce.woff) format("woff"),
- url(../fonts/WooCommerce.ttf) format("truetype"),
- url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
- font-weight: 400;
- font-style: normal;
-}
+@import "fonts";
@import "mixins";
@import "animation";
@@ -440,7 +418,7 @@
height: 1em;
line-height: 1;
width: 5.4rem;
- font-family: star;
+ font-family: WooCommerce;
font-style: normal;
color: var(--wp--preset--color--contrast);
margin: 1rem auto 0.7rem auto;
diff --git a/plugins/woocommerce/client/legacy/css/twenty-twenty-two.scss b/plugins/woocommerce/client/legacy/css/twenty-twenty-two.scss
index 8f36b918a5d8..b7f253cc5ab8 100644
--- a/plugins/woocommerce/client/legacy/css/twenty-twenty-two.scss
+++ b/plugins/woocommerce/client/legacy/css/twenty-twenty-two.scss
@@ -1,29 +1,7 @@
/**
* Fonts
*/
-@font-face {
- font-family: star;
- src: url(../fonts/star.eot);
- src:
- url(../fonts/star.eot?#iefix) format("embedded-opentype"),
- url(../fonts/star.woff) format("woff"),
- url(../fonts/star.ttf) format("truetype"),
- url(../fonts/star.svg#star) format("svg");
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: WooCommerce;
- src: url(../fonts/WooCommerce.eot);
- src:
- url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
- url(../fonts/WooCommerce.woff) format("woff"),
- url(../fonts/WooCommerce.ttf) format("truetype"),
- url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
- font-weight: 400;
- font-style: normal;
-}
+@import "fonts";
@import "mixins";
@import "animation";
@@ -435,7 +413,7 @@ $tt2-gray: #f7f7f7;
height: 1em;
line-height: 1;
width: 5.4rem;
- font-family: star;
+ font-family: WooCommerce;
color: var(--wp--preset--color--secondary);
margin: 1rem auto 0.7rem auto;
diff --git a/plugins/woocommerce/client/legacy/css/twenty-twenty.scss b/plugins/woocommerce/client/legacy/css/twenty-twenty.scss
index c72b3de86153..eb8d0c0a878e 100644
--- a/plugins/woocommerce/client/legacy/css/twenty-twenty.scss
+++ b/plugins/woocommerce/client/legacy/css/twenty-twenty.scss
@@ -15,27 +15,7 @@ $highlights-color: #cd2653;
/**
* Fonts
*/
-@font-face {
- font-family: star;
- src: url(../fonts/star.eot);
- src: url(../fonts/star.eot?#iefix) format("embedded-opentype"),
- url(../fonts/star.woff) format("woff"),
- url(../fonts/star.ttf) format("truetype"),
- url(../fonts/star.svg#star) format("svg");
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: WooCommerce;
- src: url(../fonts/WooCommerce.eot);
- src: url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
- url(../fonts/WooCommerce.woff) format("woff"),
- url(../fonts/WooCommerce.ttf) format("truetype"),
- url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
- font-weight: 400;
- font-style: normal;
-}
+@import "fonts";
/**
* Global elements
@@ -312,7 +292,7 @@ ul.products {
line-height: 1;
font-size: 1em;
width: 5.4em;
- font-family: star;
+ font-family: WooCommerce;
margin-bottom: 0.7rem;
&::before {
diff --git a/plugins/woocommerce/client/legacy/css/woocommerce.scss b/plugins/woocommerce/client/legacy/css/woocommerce.scss
index f771f5388567..99b32c95c272 100644
--- a/plugins/woocommerce/client/legacy/css/woocommerce.scss
+++ b/plugins/woocommerce/client/legacy/css/woocommerce.scss
@@ -804,7 +804,7 @@ p.demo_store,
line-height: 1;
font-size: 1em;
width: 5.4em;
- font-family: "star";
+ font-family: WooCommerce;
&::before {
content: "\73\73\73\73\73";