diff --git a/packages/assets/scss/00-base/_fonts.scss b/packages/assets/scss/00-base/_fonts.scss
index 1c9208c0fa..2e4621a5a3 100644
--- a/packages/assets/scss/00-base/_fonts.scss
+++ b/packages/assets/scss/00-base/_fonts.scss
@@ -17,24 +17,25 @@
 /////////////////////////////////////
 // Import fonts
 /* The fallback non-variable Noto Sans font */
+@supports not ( font-variation-settings: normal ) {
+  @font-face {
+    font-family: 'Noto Sans';
+    src:  url('#{$assets-path}/fonts/noto/Latin/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
+          url('#{$assets-path}/fonts/noto/Latin/NotoSans-Regular.woff2?version=1') format('woff2'),
+          url('#{$assets-path}/fonts/noto/Latin/NotoSans-Regular.woff') format('woff');
+    font-style: normal;
+    font-display: $fonts-display-global;
+  }
+  /* The fallback non-variable Noto Sans Italic font */
 
-@font-face {
-  font-family: 'Noto Sans';
-  src:  url('#{$assets-path}/fonts/noto/Latin/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
-        url('#{$assets-path}/fonts/noto/Latin/NotoSans-Regular.woff2') format('woff2'),
-        url('#{$assets-path}/fonts/noto/Latin/NotoSans-Regular.woff') format('woff');
-  font-style: normal;
-  font-display: $fonts-display-global;
-}
-/* The fallback non-variable Noto Sans Italic font */
-
-@font-face {
-  font-family: 'Noto Sans';
-  src:  url('#{$assets-path}/fonts/noto/Latin/NotoSans-Italic.eot?#iefix') format('embedded-opentype'),
-        url('#{$assets-path}/fonts/noto/Latin/NotoSans-Italic.woff2') format('woff2'),
-        url('#{$assets-path}/fonts/noto/Latin/NotoSans-Italic.woff') format('woff');
-  font-style: italic;
-  font-display: $fonts-display-global;
+  @font-face {
+    font-family: 'Noto Sans';
+    src:  url('#{$assets-path}/fonts/noto/Latin/NotoSans-Italic.eot?#iefix') format('embedded-opentype'),
+          url('#{$assets-path}/fonts/noto/Latin/NotoSans-Italic.woff2?version=1') format('woff2'),
+          url('#{$assets-path}/fonts/noto/Latin/NotoSans-Italic.woff') format('woff');
+    font-style: italic;
+    font-display: $fonts-display-global;
+  }
 }
 
 @supports ( font-variation-settings: normal ) {