It’s because you’re only specifying font-family: Marcellus; inside a @media (max-width: 600px) {}, and your desktop browsers are wider than that. Everything else is using the default stack of “Helvetica Neue, Helvetica, Arial”.
Font not showing in Chrome, but fine in Safari
Problems with font
Issue with Webfont/font-face in child theme
Google Font wont dequeue
It appeared the errors derrived from the WP Dashboard -> Appearance -> Theme Editor -> Theme Files -> Stylesheet Entries were made there. Removving these entries and installing plugin OMGF solved the issue.
Google Fonts some font-weights not rendering properly
While technically the answer from Jonny Perl is accurate, it’s not a good idea to directly edit your theme’s files. Any changes you make will get overwritten with a theme update. Instead, create a Child Theme (lots of articles on how to do that), and add your CSS code in the Child Theme’s style.css file. … Read more
Easest way without investing too much effort and not worrying about coding ethics (like clean code and so on) you could simply use the “Customizer”. In your frontend, click on the “Customizer” in the upper left corner in the admin bar. Then, scroll/go to the “Additional CSS” section and add body { font-family: yourFontFamily!important; } … Read more
wp_dequeue_style() should help you. You should dequeue style and enqueue your fonts. wp_dequeue_style(‘et-core-main-fonts’); wp_enqueue_style(‘your_fonts_handle’, ‘path_to_your_fonts’); Or redeclare function with your fonts. et_core_load_main_fonts() { $fonts_url = et_core_get_main_fonts(); if ( empty( $fonts_url ) ) { return; } wp_enqueue_style( ‘et-core-main-fonts’, esc_url_raw( ‘path_to_your_style’ ), array(), null ); }