Cacher is the code snippet organizer for pro developers

// find replce your theme slug with twentyseventeen.

/**
 * Add preconnect for Google Fonts.
 *
 * @since Twenty Seventeen 1.0
 *
 * @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.
 */
function slrzd_resource_hints( $urls, $relation_type ) {
	if ( wp_style_is( 'slrzd-fonts', 'queue' ) && 'preconnect' === $relation_type ) {
		$urls[] = array(
			'href' => 'https://fonts.gstatic.com',
			'crossorigin',
		);
	}

	return $urls;
}

add_filter( 'wp_resource_hints', 'slrzd_resource_hints', 10, 2 );