Preconnect Adobe Fonts in WordPress

fonts.php

<?php

 //Async CSS
add_filter('style_loader_tag', 'add_stylesheet_attributes', 10, 2);
function add_stylesheet_attributes($html, $handle)
{
    $styles = array(
        'fonts',
        'adobe-fonts',
    );

    if (in_array($handle, $styles)) {
        return str_replace("rel='stylesheet'", "rel='stylesheet' media='print' onload='this.media=\"all\"'", $html);
    }
    return $html;
}

//Preload resources
function enqueue_external_fonts() {

    // Enqueue the Adobe Fonts stylesheet.
    wp_enqueue_style(
        'adobe-fonts',
        'https://use.typekit.net/mtm0yqs.css',
        array(),
        null
    );

    // Instruct WordPress to output a preload <link> for this style.
    wp_style_add_data( 'adobe-fonts', 'preload', true );
}
add_action( 'enqueue_block_assets', 'enqueue_external_fonts' );

function preconnect_adobe_fonts( $urls, $relation_type ) {
    if ( 'preconnect' === $relation_type && wp_style_is( 'adobe-fonts', 'queue' ) ) {
        $urls[] = array(
            'href'        => 'https://use.typekit.net',
            'crossorigin' => 'anonymous',
        );
    }
    return $urls;
}
add_filter( 'wp_resource_hints', 'preconnect_adobe_fonts', 10, 2 );