Tried changing font, but not in effect

I'm trying to change the font style of my website to Proxima Nova. Here is what I did.

1. Uploaded woff, woff2, eot and ttf formats to Media folder.
2. Using Simple CSS added the following CSS code -

@font-face {
font-family: ‘Proxima Nova’;
src: url(‘https://sitename.com/wp-content/uploads/2020/05/proximanova-regular-webfont.eot’); /* IE9 Compat Modes */
src: url(‘https://sitename.com/wp-content/uploads/2020/05/proximanova-regular-webfont.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘https://sitename.com/wp-content/uploads/2020/05/proximanova-regular-webfont.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘https://sitename.com/wp-content/uploads/2020/05/proximanova-regular-webfont.woff’) format(‘woff’), /* Pretty Modern Browsers */
url(‘https://sitename.com/wp-content/uploads/2020/05/proximanova-regular-webfont.ttf’) format(‘truetype’), /* Safari, Android, iOS */
}

Changed the site name in the above code for privacy reasons.

3. Then using Code Snippets, added two codes.

PHP code for adding Proxima Nova to GeneratePress list

add_filter( 'generate_typography_default_fonts', function( $fonts ) {
$fonts[] = 'Proxima Nova';

return $fonts;
} );

Then to remove Google Fonts -

add_action( 'wp_enqueue_scripts', function() {
wp_dequeue_style( 'generate-fonts' );
} );

4. Then I changed everything to Proxima Nova in the Typography of Customiser.

But after all, there seems to be no change. Would you help me understand what went wrong? I got all these codes from this forum and your help guides.