3 files changed, 8 insertions, 9 deletions
diff --git a/demo/src/less/bundles/demo.less b/demo/src/less/bundles/demo.less
index 5b76a27f..61bb3cd9 100644
--- a/demo/src/less/bundles/demo.less
+++ b/demo/src/less/bundles/demo.less
@@ -1,10 +1,11 @@
 // ==========================================================================
 // Plyr.io Demo Page
 // ==========================================================================
+@charset 'UTF-8';
 
 // Libs
-@import '../lib/animation';
 @import '../lib/fontface';
+@import '../lib/animation';
 @import '../lib/mixins';
 @import '../lib/normalize';
 
diff --git a/demo/src/less/bundles/error.less b/demo/src/less/bundles/error.less
index 764ae7d1..67530689 100644
--- a/demo/src/less/bundles/error.less
+++ b/demo/src/less/bundles/error.less
@@ -1,6 +1,7 @@
 // ==========================================================================
 // Plyr.io Error Page
 // ==========================================================================
+@charset 'UTF-8';
 
 // Libs
 @import '../lib/fontface';
diff --git a/demo/src/less/lib/fontface.less b/demo/src/less/lib/fontface.less
index 0056e36d..88ec49a5 100644
--- a/demo/src/less/lib/fontface.less
+++ b/demo/src/less/lib/fontface.less
@@ -4,8 +4,7 @@
 
 @font-face {
     font-family: 'Gordita';
-    src: url('https://cdn.plyr.io/static/fonts/gordita-light.woff2') format('woff2'),
-        url('https://cdn.plyr.io/static/fonts/gordita-light.woff') format('woff2');
+    src: url('https://cdn.plyr.io/static/fonts/gordita-light.woff2') format('woff2'), url('https://cdn.plyr.io/static/fonts/gordita-light.woff') format('woff');
     font-weight: @font-weight-light;
     font-style: normal;
     font-display: swap;
@@ -14,7 +13,7 @@
 @font-face {
     font-family: 'Gordita';
     src: url('https://cdn.plyr.io/static/fonts/gordita-regular.woff2') format('woff2'),
-        url('https://cdn.plyr.io/static/fonts/gordita-regular.woff') format('woff2');
+        url('https://cdn.plyr.io/static/fonts/gordita-regular.woff') format('woff');
     font-weight: @font-weight-regular;
     font-style: normal;
     font-display: swap;
@@ -23,7 +22,7 @@
 @font-face {
     font-family: 'Gordita';
     src: url('https://cdn.plyr.io/static/fonts/gordita-medium.woff2') format('woff2'),
-        url('https://cdn.plyr.io/static/fonts/gordita-medium.woff') format('woff2');
+        url('https://cdn.plyr.io/static/fonts/gordita-medium.woff') format('woff');
     font-weight: @font-weight-medium;
     font-style: normal;
     font-display: swap;
@@ -31,8 +30,7 @@
 
 @font-face {
     font-family: 'Gordita';
-    src: url('https://cdn.plyr.io/static/fonts/gordita-bold.woff2') format('woff2'),
-        url('https://cdn.plyr.io/static/fonts/gordita-bold.woff') format('woff2');
+    src: url('https://cdn.plyr.io/static/fonts/gordita-bold.woff2') format('woff2'), url('https://cdn.plyr.io/static/fonts/gordita-bold.woff') format('woff');
     font-weight: @font-weight-bold;
     font-style: normal;
     font-display: swap;
@@ -40,8 +38,7 @@
 
 @font-face {
     font-family: 'Gordita';
-    src: url('https://cdn.plyr.io/static/fonts/gordita-black.woff2') format('woff2'),
-        url('https://cdn.plyr.io/static/fonts/gordita-black.woff') format('woff2');
+    src: url('https://cdn.plyr.io/static/fonts/gordita-black.woff2') format('woff2'), url('https://cdn.plyr.io/static/fonts/gordita-black.woff') format('woff');
     font-weight: @font-weight-black;
     font-style: normal;
     font-display: swap;