3.1.1 HTTPS Fonts and Blocking Fonts

@karelleninc,

1- Regarding Google Fonts Blocking issue, Up till now we didn’t find a solution that is free of problems, the link that you shared offers webfonts.js, it loads the font async and removes the error from google page speed however it flashes the font since it loads it randomly in the footer

– If we add the font in the header and async the error is not removed from google, it still sees the font as a blocker

Anyway till we find a fix for it please add this function to your child theme

add_action( 'wp_footer', 'circleflip_get_google_fonts' );

	/* Enque Script of Google Fonts */
	if ( ! function_exists( 'circleflip_get_google_fonts' ) ) :
	function circleflip_get_google_fonts() {
		$link = '';
		$googleFonts = '';
		$my_fonts = array(
			'BebasNeueRegular'	 => 'BebasNeueRegular',
			'Times New Roman'	 => 'Times New Roman',
			'Arial'				 => 'Arial',
			'DroidArabicKufi'	 => 'DroidArabicKufi',
			'SourceSansSemiBold' => 'SourceSansSemiBold',
			'sourceSans'		 => 'sourceSans',
            'Helvetica'          => 'Helvetica',
			'museo_slab500'		 => 'museo_slab500'
		);
		$cfOptions = get_option( 'rojo', array() );
		$faces = array();
		foreach ( new RecursiveIteratorIterator( new RecursiveArrayIterator( $cfOptions ), RecursiveIteratorIterator::LEAVES_ONLY ) as $k => $value ) {
			if ( 'face' === $k ) {
				if ( ! in_array( $value, $my_fonts ) ) {
					$faces[] = $value;
				}
			}
		}
        $faces = array_unique( $faces );
 	    $result = array_merge($faces, cr_get_option( 'cust_font',array() ));
	    $result = array_unique($result);
        $googleFonts = implode ( '|' , $result);
        if ( $googleFonts != '' ) {
            // $link = 'https://fonts.googleapis.com/css?family=' . preg_replace( "/ /", "+", $googleFonts );
            // wp_register_style( 'google_fonts', $link );
            // wp_enqueue_style( 'google_fonts' );
			?>
			<script type="text/javascript">
				WebFontConfig = {
				google: { families: [ '<?php echo $googleFonts;?>' ] }
				};
				(function() {
				var wf = document.createElement('script');
				// wf.src = '<?php echo get_template_directory_uri(); ?>/js/webfont.js';
				wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
				wf.type = 'text/javascript';
				wf.async = 'true';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(wf, s);
				// WebFont.load(WebFontConfig);
				})();
			</script>
			<?php
        }
	}
	endif;

and it should work but with the flashing effect of the font which we can’t find a proper solution for.

Regarding the mixed content:

We fixed the font issue and will be released in the next version

Best Regards