WordPress enqueue google font with preconnect

enqueue Google fonts with preconnect

wp_enqueue_style( 'dmc-google-font-fragment', 'https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Roboto:ital,wght@0,500;1,400&display=swap', array(), null );

function dmc_google_font_loader_tag_filter( $html, $handle ) {
	if ( $handle === 'dmc-google-font-fragment' ) {
		$rel_preconnect = "rel='stylesheet preconnect'";

		return str_replace(
			"rel='stylesheet'",
			$rel_preconnect,
			$html
		);
	}
	return $html;
}
add_filter( 'style_loader_tag', 'dmc_google_font_loader_tag_filter', 10, 2 );