Custom fonts not working in Generate Block from child-theme?

Hi, I have followed this tutorial on how to add custom fonts

https://docs.generatepress.com/article/adding-local-fonts/

but the fonts aren't loading in Generate Block at all.

here's my css code

/* TT Commons Black Italic */
@font-face {
    font-family: 'tt_commonsblack_italic';
	src: local(''),
    src: url('https://embroidery.com.sg/our-embroidery-method/wp-content/uploads/2021/07/tt_commons_black_italic-webfont.woff2') format('woff2'),
         url('https://embroidery.com.sg/our-embroidery-method/wp-content/uploads/2021/07/tt_commons_black_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

and here's my PHP snippet

add_filter( 'generate_typography_default_fonts', function( $fonts ) {
	$fonts[] = 'tt_commonsregular';
    return $fonts;
} );

hope you can help me with this
thank you in advance