Custom Fonts Not Working

Hi team,
Not sure why, but I have followed my usual process to add custom fonts, but they are not showing up. I can see them in the Customizer > Typography > System Fonts and Generate Blocks under My Custom Fonts, but they do not display in the front end? Of course I also referred to your documentation https://docs.generatepress.com/article/adding-local-fonts/ but alas they have still not been updated to assist with non-google fonts.
I have added the Woff, woff2 and ttf files in the child theme folder in ‘fonts’ subfolder and here is the CSS I have added.

@font-face {
  font-family: 'ds-digitalnormal';
  src:  url('https://mysite.com/wp-content/themes/generatepress_child/fonts/ds-digi-webfont.woff2') format('woff2'),
        url('https://mysite.com/wp-content/themes/generatepress_child/fonts/ds-digi-webfont.woff') format('woff'),
       url('https://mysite.com/wp-content/themes/generatepress_child/fonts/ds-digi-webfont.ttf') format('truetype');
}
	@font-face {
  font-family: 'ds-digitalbold';
  src:  url('https://mysite.com/wp-content/themes/generatepress_child/fonts/ds-digib-webfont.woff2') format('woff2'),
        url('https://mysite.com/wp-content/themes/generatepress_child/fonts/ds-digib-webfont.woff') format('woff'),
       url('https://mysite.com/wp-content/themes/generatepress_child/fonts/ds-digib-webfont.ttf') format('truetype');
}

	@font-face {
  font-family: 'ds-digitalbold_italic';
  src:  url('https://mysite.com/wp-content/themes/generatepress_child/fonts/ds-digit-webfont.woff2') format('woff2'),
        url('https://mysite.com/wp-content/themes/generatepress_child/fonts/ds-digit-webfont.woff') format('woff'),
       url('https://mysite.com/wp-content/themes/generatepress_child/fonts/ds-digit-webfont.ttf') format('truetype');
}

I also added this to the functions.php in the Child Theme;

add_filter( 'generate_editor_styles', function( $editor_styles ) {
    $editor_styles[] = 'style.css';

    return $editor_styles;
} );

add_action( 'customize_controls_print_footer_scripts', function() {
	?>
	<script>
		wp.hooks.addFilter(
			'generate_font_manager_system_fonts',
			'your/namespace',
			( $fonts ) => [
				{ value: 'ds-digi-webfont', label: 'ds-digi-webfont' },
				{ value: 'ds-digib-webfont', label: 'ds-digib-webfont' },
				{ value: 'ds-digit-webfont', label: 'ds-digit-webfont' },
			]
		);	
	</script>
	<?php
} );

add_filter(
    'generateblocks_typography_font_family_list',
    function( $fonts ) {
        $fonts[] = [
            'label' => 'My custom fonts',
            'options' => [
                [
                    'label' => 'ds-digi-webfont',
                    'value' => 'ds-digi-webfont',
                ],
                [
                    'label' => 'ds-digib-webfont',
                    'value' => 'ds-digib-webfont',
                ],
				[
                    'label' => 'ds-digit-webfont',
                    'value' => 'ds-digit-webfont',
                ],
            ],
        ];
		
        return $fonts;
    }
);

Still the fonts do not work?

Thanks