Small tweaks

src/less/base.less

@@ -9,8 +9,10 @@
     min-width: 200px;
     font-family: @plyr-font-family;
     font-weight: @plyr-font-weight-normal;
+    line-height: @plyr-line-height;
     direction: ltr;
     text-shadow: none;
+    .plyr-font-smoothing(off);
 
     // Media elements
     video,

src/less/components/badges.less

@@ -8,4 +8,5 @@
     background: @plyr-menu-color;
     color: @plyr-menu-bg;
     font-size: @plyr-font-size-tiny;
+    .plyr-font-smoothing(on);
 }

src/less/components/captions.less

@@ -15,10 +15,11 @@
     width: 100%;
     padding: @plyr-control-spacing;
     transform: translateY(-(@plyr-control-spacing * 4));
-    transition: transform 0.3s ease;
+    transition: transform 0.4s ease-in-out;
     color: @plyr-captions-color;
     font-size: @plyr-font-size-captions-small;
     text-align: center;
+    .plyr-font-smoothing(on);
 
     span {
         border-radius: 2px;

src/less/lib/mixins.less

@@ -3,6 +3,17 @@
 // https://github.com/sampotts/plyr
 // ==========================================================================
 
+// Font smoothing
+// ---------------------------------------
+.plyr-font-smoothing(@mode: on) when(@mode = on) {
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+}
+.plyr-font-smoothing(@mode: on) when(@mode = off) {
+    -moz-osx-font-smoothing: auto;
+    -webkit-font-smoothing: subpixel-antialiased;
+}
+
 // <input type="range"> styling
 .plyr-range-track() {
     height: @plyr-range-track-height;

src/less/settings.less

@@ -12,12 +12,13 @@
 @plyr-color-main: #1aafff;
 
 // Font
-@plyr-font-family: inherit; //Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
+@plyr-font-family: Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
 @plyr-font-size-base: 16px;
 @plyr-font-size-small: 14px;
 @plyr-font-size-tiny: 10px;
 @plyr-font-weight-normal: 500;
 @plyr-font-weight-bold: 600;
+@plyr-line-height: 1.7;
 
 // Captions
 @plyr-captions-bg: fade(#000, 80%);