From 097147c9b66326a2a09c7d85eefc556de570f60c Mon Sep 17 00:00:00 2001 From: Scott Taylor Date: Thu, 21 Aug 2014 03:35:11 +0000 Subject: [PATCH] After [29543], the iframe sandboxes for media need to load Open Sans. Playlists look aggressively bad without it. Adds font styles for the body. See #29048. git-svn-id: https://develop.svn.wordpress.org/trunk@29564 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/js/mediaelement/wp-mediaelement.css | 7 +++++++ src/wp-includes/media.php | 3 ++- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/src/wp-includes/js/mediaelement/wp-mediaelement.css b/src/wp-includes/js/mediaelement/wp-mediaelement.css index c9a814ed2b..38a91e69a4 100644 --- a/src/wp-includes/js/mediaelement/wp-mediaelement.css +++ b/src/wp-includes/js/mediaelement/wp-mediaelement.css @@ -1,3 +1,10 @@ +#wpview-iframe-sandbox { + color: #444; + font-family: "Open Sans", sans-serif; + font-size: 13px; + line-height: 1.4em; +} + .mejs-container { clear: both; } diff --git a/src/wp-includes/media.php b/src/wp-includes/media.php index f9ffc6f3c8..af8d938ca3 100644 --- a/src/wp-includes/media.php +++ b/src/wp-includes/media.php @@ -3310,6 +3310,7 @@ function attachment_url_to_postid( $url ) { */ function wpview_media_sandbox_styles() { $version = 'ver=' . $GLOBALS['wp_version']; + $open_sans = "//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=$version"; $dashicons = includes_url( "css/dashicons.css?$version" ); $mediaelement = includes_url( "js/mediaelement/mediaelementplayer.min.css?$version" ); $wpmediaelement = includes_url( "js/mediaelement/wp-mediaelement.css?$version" ); @@ -3323,5 +3324,5 @@ function wpview_media_sandbox_styles() { * * @param array The URLs to the stylesheets that will be loaded in the sandbox iframe. */ - return apply_filters( 'wpview_media_sandbox_styles', array( $dashicons, $mediaelement, $wpmediaelement ) ); + return apply_filters( 'wpview_media_sandbox_styles', array( $open_sans, $dashicons, $mediaelement, $wpmediaelement ) ); }