Your IP : 216.73.216.5
<?php
/**
* Loads front end fonts
*
*
* @package Customizr
*/
if ( !class_exists( 'CZR_resources_fonts' ) ) :
class CZR_resources_fonts {
//Access any method or var of the class with classname::$instance->var or method():
static $instance;
function __construct () {
self::$instance =& $this;
add_action( 'wp_enqueue_scripts' , array( $this , 'czr_fn_maybe_enqueue_gfonts' ), 0 );
//Font awesome before other theme styles
add_action( 'wp_enqueue_scripts' , array( $this , 'czr_fn_maybe_enqueue_fa_icons'), 9 );
add_filter( 'czr_user_options_style' , array( $this , 'czr_fn_write_fonts_inline_css') );
//not ready yet
//add_filter( 'czr_user_options_style' , array( $this , 'czr_fn_write_dropcap_inline_css') );
// January 2021 Better preload implementation
// see here https://stackoverflow.com/questions/49268352/preload-font-awesome
// fixes https://github.com/presscustomizr/customizr/issues/1835
// fonts always used must be preloaded. The "crossorigin" param has to be added
// => this removes Google Speed tests message "preload key requests"
// important => the url of the font must be exactly the same as in the stylesheet, including the query param at the end customizr.woff2?128396981
// note that we could preload all other types available ( eot, woff, ttf, svg )
// but we focus on preloading woff2 which is the type used by most recent browsers
// see https://css-tricks.com/snippets/css/using-font-face/
add_action( 'wp_head' , array( $this , 'czr_fn_preload_customizr_font') );
}
// Hook wp_head
function czr_fn_preload_customizr_font() {
?>
<link rel="preload" as="font" type="font/woff2" href="<?php echo CZR_BASE_URL .'assets/shared/fonts/customizr/customizr.woff2?128396981'; ?>" crossorigin="anonymous"/>
<?php
}
/**
* Write the font icon in the custom stylesheet at the very beginning
* hook : wp_enqueue_scripts
* @package Customizr
* @since Customizr 3.2.3
*/
function czr_fn_maybe_enqueue_fa_icons() {
if ( czr_fn_is_full_nimble_tmpl() )
return;
$defer = czr_fn_is_checked( 'tc_defer_font_awesome' ) && !czr_fn_is_customizing();
//Enqueue FontAwesome CSS
if ( true == czr_fn_opt( 'tc_font_awesome_icons' ) && !$defer ) {
$_path = apply_filters( 'czr_fa_css_path' , CZR_BASE_URL . CZR_ASSETS_PREFIX . 'shared/fonts/fa/css/' );
wp_enqueue_style( 'customizr-fa',
$_path . 'fontawesome-all.min.css',
array(),
CUSTOMIZR_VER,
'all'
);
}
}
/*
* Callback of wp_enqueue_scripts
* @return css string
*
* @package Customizr
* @since Customizr 3.2.9
*/
function czr_fn_maybe_enqueue_gfonts() {
// March 2020 : gfonts can be preloaded since https://github.com/presscustomizr/customizr/issues/1816
if ( czr_fn_is_checked( 'tc_preload_gfonts' ) )
return;
$gfonts = self::czr_fn_get_gfont_candidates();
if ( !$gfonts || empty( $gfonts ) )
return;
wp_enqueue_style(
'czr-gfonts',
sprintf( '//fonts.googleapis.com/css?family=%1$s&display=swap', $gfonts ),
array(),
null,
'all'
);
}
static function czr_fn_get_gfont_candidates() {
$_font_pair = esc_attr( czr_fn_opt( 'tc_fonts' ) );
if ( !czr_fn_is_gfont( $_font_pair , '_g_') )
return;
$font = explode( '|', czr_fn_get_font( 'single' , $_font_pair ) );
if ( !$font )
return;
if ( !is_array( $font ) )//case is a pair
return;
return implode( '%7C', array_unique( $font ) );
}
/**
* Callback of czr_user_options_style hook
* @return css string
*
* @package Customizr
* @since Customizr 3.2.9
*/
function czr_fn_write_fonts_inline_css( $_css = null , $_context = null ) {
$_css = isset($_css) ? $_css : '';
$_font_pair = esc_attr( czr_fn_opt( 'tc_fonts' ) );
$_font_selectors = CZR_init::$instance->font_selectors;
//create the $body and $titles vars
extract( $_font_selectors, EXTR_OVERWRITE );
if ( !isset($body) || !isset($titles) )
return;
//adapt the selectors in edit context => add specificity for the mce-editor
if ( !is_null( $_context ) ) {
$titles = ".{$_context} .h1, .{$_context} h2, .{$_context} h3";
$body = "body.{$_context}";
}
$titles = apply_filters('czr_title_fonts_selectors' , $titles );
$body = apply_filters('czr_body_fonts_selectors' , $body );
if ( '_g_sourcesanspro' != $_font_pair ) {//check if not default
$_selector_fonts = explode( '|', czr_fn_get_font( 'single' , $_font_pair ) );
if ( !is_array($_selector_fonts) )
return $_css;
foreach ($_selector_fonts as $_key => $_raw_font) {
//create the $_family and $_weight vars
extract( $this->czr_fn_get_font_css_prop( $_raw_font , czr_fn_is_gfont( $_font_pair ) ) );
$selector = '';
if ( !( $_family || $_weight ) )
continue;
switch ($_key) {
case 0 : //titles font
$selector = $titles;
break;
case 1 : //body fond
$selector = $body;
break;
}
if ( $selector ) {
$_css .= sprintf( "%s { %s%s }\n",
$selector,
$_family ? "font-family : {$_family};" : '',
$_weight ? "font-weight : {$_weight};" : ''
);
}
}
}//end if
/*
* TODO: implement modular scale
* oct 2019 => we don't change the editor font-size anymore based on user options
* invoked in CZR_admin_init::czr_fn_user_defined_tinymce_css
* @see https://github.com/presscustomizr/customizr/issues/1781
*/
$_body_font_size = (int)esc_attr( czr_fn_opt( 'tc_body_font_size' ) );//<= cast to an int for #1892
$_body_font_size = ( empty( $_body_font_size ) || !$_body_font_size ) ? 15 : $_body_font_size;
if ( 15 !== $_body_font_size && is_null( $_context ) ) {
$_line_height = apply_filters('czr_body_line_height_ratio', 1.5 );
if ( !czr_fn_is_checked( 'tc_ms_respond_css' ) ) {
//turn into rem
$remsize = $_body_font_size / 16;
$remsize = number_format( (float)$remsize, 2, '.', '');
$_css .= "
{$body} {
font-size : {$remsize}rem;
line-height : {$_line_height}em;
}\n";
} else {
// June 2019 => increase the ratio from 0.833 to 0.9 to limit problems when deactivating modular scale.
// @see https://github.com/presscustomizr/customizr/issues/1755
$emsize_medium = $_body_font_size * 0.900 / 16;//@see assets/css/front/stye-modular-scale.css
$emsize_medium = number_format( (float)$emsize_medium, 2, '.', '');
$emsize_large = $_body_font_size * 0.9375 / 16;
$emsize_large = number_format( (float)$emsize_large, 2, '.', '');
$_css .= "
{$body} {
font-size : {$emsize_medium}em!important;
line-height : {$_line_height}em;
}
@media (min-width: 20em) and (max-width: 60em) {
{$body} {
font-size: calc( {$emsize_medium}em + 0.1045 * ( ( 100vw - 20em) / 40 ))!important;
}
}
@media (min-width: 60em) {
{$body} {
font-size: {$emsize_large}em!important;
}
}\n";
}
}
return $_css;
}//end of fn
/**
* Callback of czr_user_options_style hook
* @return css string
*
* @package Customizr
* @since Customizr 3.2.11
*/
function czr_fn_write_dropcap_inline_css( $_css = null , $_context = null ) {
$_css = isset($_css) ? $_css : '';
if ( !esc_attr( czr_fn_opt( 'tc_enable_dropcap' ) ) )
return $_css;
$_main_color_pair = czr_fn_get_skin_color( 'pair' );
$_color = $_main_color_pair[0];
$_shad_color = $_main_color_pair[1];
$_pad_right = false !== strpos( esc_attr( czr_fn_opt( 'tc_fonts' ) ), 'lobster' ) ? 26 : 8;
$_css .= "
.tc-dropcap {
color: {$_color};
float: left;
font-size: 75px;
line-height: 75px;
padding-right: {$_pad_right}px;
padding-left: 3px;
}\n
.skin-shadow .tc-dropcap {
color: {$_color};
text-shadow: {$_shad_color} -1px 0, {$_shad_color} 0 -1px, {$_shad_color} 0 1px, {$_shad_color} -1px -2px;
}\n
.simple-black .tc-dropcap {
color: #444;
}\n";
return $_css;
}
/*************************************
* HELPERS
*************************************/
/**
* Helper to extract font-family and weight from a Customizr font option
* @return array( font-family, weight )
*
* @package Customizr
* @since Customizr 3.3.2
*/
private function czr_fn_get_font_css_prop( $_raw_font , $is_gfont = false ) {
$_css_exp = explode(':', $_raw_font);
$_weight = isset( $_css_exp[1] ) ? $_css_exp[1] : false;
$_family = '';
if ( $is_gfont ) {
$_family = str_replace('+', ' ' , $_css_exp[0]);
} else {
$_family = implode("','", explode(',', $_css_exp[0] ) );
}
$_family = sprintf("'%s'" , $_family );
return compact("_family" , "_weight" );
}
}//end of CZR_resources
endif;