config_id = $config_id; $this->webfonts = $webfonts; $this->googlefonts = $googlefonts; add_action( 'wp_head', array( $this, 'webfont_loader' ) ); add_action( 'wp_head', array( $this, 'webfont_loader_script' ), 30 ); // Add these in the dashboard to support editor-styles. add_action( 'admin_enqueue_scripts', array( $this, 'webfont_loader' ) ); add_action( 'admin_enqueue_scripts', array( $this, 'webfont_loader_script' ), 30 ); add_filter( 'wp_resource_hints', array( $this, 'resource_hints' ), 10, 2 ); } /** * Add preconnect for Google Fonts. * * @access public * @param array $urls URLs to print for resource hints. * @param string $relation_type The relation type the URLs are printed. * @return array $urls URLs to print for resource hints. */ public function resource_hints( $urls, $relation_type ) { $fonts_to_load = $this->googlefonts->fonts; if ( ! empty( $fonts_to_load ) && 'preconnect' === $relation_type ) { $urls[] = array( 'href' => 'https://fonts.gstatic.com', 'crossorigin', ); } return $urls; } /** * Webfont Loader for Google Fonts. * * @access public * @since 3.0.0 */ public function webfont_loader() { // Go through our fields and populate $this->fonts. $this->webfonts->loop_fields( $this->config_id ); $this->googlefonts->fonts = apply_filters( 'kirki_enqueue_google_fonts', $this->googlefonts->fonts ); // Goes through $this->fonts and adds or removes things as needed. $this->googlefonts->process_fonts(); foreach ( $this->googlefonts->fonts as $font => $weights ) { foreach ( $weights as $key => $value ) { if ( 'italic' === $value ) { $weights[ $key ] = '400i'; } else { $weights[ $key ] = str_replace( array( 'regular', 'bold', 'italic' ), array( '400', '', 'i' ), $value ); } } $this->fonts_to_load[] = $font . ':' . join( ',', $weights ) . ':cyrillic,cyrillic-ext,devanagari,greek,greek-ext,khmer,latin,latin-ext,vietnamese,hebrew,arabic,bengali,gujarati,tamil,telugu,thai'; } if ( ! empty( $this->fonts_to_load ) ) { Kirki_Modules_Webfont_Loader::$load = true; } } /** * Webfont Loader script for Google Fonts. * * @access public * @since 3.0.0 */ public function webfont_loader_script() { if ( ! empty( $this->fonts_to_load ) ) { wp_add_inline_script( 'webfont-loader', 'WebFont.load({google:{families:[\'' . join( '\', \'', $this->fonts_to_load ) . '\']}});', 'after' ); } } }