Content Comparison

...

1. Turn off IRIS thumbs by adding thumbs_up: false, and thumbs_down: false to the IRIS player configuration. This will remove the IRIS thumbs from the control bar.
2. Add your custom thumb icons to the HTML
3. Add a global instance of your plugin by adding the "global: 'irisPlayer'" param to the IRIS player configuration. 
   1. Details on how to use the global plugin option on multi-player pages is here IRIS.TV Global Parameters with multi-player pages
4. Listen for the player.ready() event or another event that fires after the player is instantiated
   - add callback to ready event that adds the "click" handler and emits the IRIS event. 
   Note: if the "ready" event has already been fired, it will not be fired again.

...

/* Plain CSS */

div.irisIcon:before {
  font-family: 'FontAwesome';
}

div.iris-skipForward:before {
  content: "\f061";
}

div.iris-skipBackward:before {
  content: "\f060";
}

div.iris-thumbsUp:before {
  content: "\f164";
}

div.iris-thumbsDown:before {
  content: "\f165";
}

As for updating the font on the upNext font family and size:

.up-next-container .iris-upnext {
  font-size: 20px !important;
  font-family: Arial !important;
}

UpNext Customizations

Why isn't the UpNext widget showing? 

...