3.1.1 HTTPS Fonts and Blocking Fonts

One of the most important factors for any website is to have the content visible as fast as possible, We don’t believe in delaying the load of a font and delaying the content in return, So the default will be the normal font loading.

Regarding wf-inactive:

Please use this code instead of the previous one

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 != '' ) {
			?>
			<script type="text/javascript">
				WebFontConfig = {
				google: { families: [ '<?php echo $googleFonts;?>' ] }
				};
				(function() {
				var wf = document.createElement('script');
				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);
				})();
			</script>
			<?php
        }
	}
	endif;

Also please update Circle Flip to version 3.1.2 in order to fix the https issue

Let me know if there is anything else is missing
Best Regards

@karelleninc,

I opened the main.css that you linked to and there is no single http:// in the file, please recheck and confirm

Thanks

Weird, this is how i see it in your file

/** MISC **/
@import url(https://fonts.googleapis.com/css?family=Raleway:400);
.cf:after {
visibility: hidden;
display: block;
font-size: 0;
content: ” “;
clear: both;
height: 0;
}

Please make sure to clear your cache

Because the first url is cached, please clear your cache and it will be ok