config_id = $config_id; $this->webfonts = $webfonts; $this->googlefonts = $googlefonts; add_action( 'wp_head', [ $this, 'webfont_loader' ] ); add_action( 'wp_head', [ $this, 'webfont_loader_script' ], 30 ); // Add these in the dashboard to support editor-styles. add_action( 'admin_enqueue_scripts', [ $this, 'webfont_loader' ] ); add_action( 'admin_enqueue_scripts', [ $this, 'webfont_loader_script' ], 30 ); add_filter( 'wp_resource_hints', [ $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[] = [ 'href' => 'https://fonts.gstatic.com', 'crossorigin', ]; } return $urls; } /** * Webfont Loader for Google Fonts. * * @access public * @since 1.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( [ 'regular', 'bold', 'italic' ], [ '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 ) ) { self::$load = true; } global $wp_customize; if ( self::$load || $wp_customize || is_customize_preview() ) { wp_enqueue_script( 'webfont-loader', URL::get_from_path( dirname( __DIR__ ) . '/assets/scripts/vendor-typekit/webfontloader.js' ), [], '3.0.28', true ); } } /** * Webfont Loader script for Google Fonts. * * @access public * @since 1.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' ); } } /** * Set the $load property of this object. * * @access public * @since 1.0.0 * @param bool $load Set to false to disable loading. * @return void */ public function set_load( $load ) { self::$load = $load; } }