diff --git a/src/sass/lib/mixins.scss b/src/sass/lib/mixins.scss
index fdf06eaae..9ef3b58e0 100644
--- a/src/sass/lib/mixins.scss
+++ b/src/sass/lib/mixins.scss
@@ -11,13 +11,15 @@
 
 // Font smoothing
 // ---------------------------------------
-@mixin plyr-font-smoothing($mode: true) {
-  @if $mode {
-    -moz-osx-font-smoothing: grayscale;
+@mixin plyr-font-smoothing($mode: $plyr-font-smoothing) {
+  @if $mode == true {
     -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  } @else {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
   }
 }
-
 // <input type="range"> styling
 // ---------------------------------------
 @mixin plyr-range-track() {
diff --git a/src/sass/settings/type.scss b/src/sass/settings/type.scss
index 3c79291c5..bfeaf7ba9 100644
--- a/src/sass/settings/type.scss
+++ b/src/sass/settings/type.scss
@@ -13,4 +13,4 @@ $plyr-font-size-badge: var(--plyr-font-size-badge, 9px) !default;
 $plyr-font-weight-regular: var(--plyr-font-weight-regular, 400) !default;
 $plyr-font-weight-bold: var(--plyr-font-weight-bold, 600) !default;
 $plyr-line-height: var(--plyr-line-height, 1.7) !default;
-$plyr-font-smoothing: var(--plyr-font-smoothing, false) !default;
+$plyr-font-smoothing: var(--plyr-font-smoothing, true) !default;