I recently pulled a site down to Local WP to perform some content updates etc. Once done, I uploaded the DB and zipped wp-content folder to the hosting account. Now when viewing the site, the custom fonts are not loading anywhere on the site…

The fonts gotham-ultra.woff and gotham-ultra.woff2 are loaded into the theme folder /business-pro-theme/assets/fonts/

My style.css looks like this

/* Custom Font
-------------------- */

@font-face {
    font-family: 'Gotham Ultra';
    src: url('assets/fonts/gotham-ultra.woff2') format('woff2'),
         url('assets/fonts/gotham-ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* ## Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Gotham Ultra', Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 3px;
    margin: 0 0 0.382em;
}

I didn’t make any changes to the CSS and the fonts are still displaying on the LocalWP version of the site and the Live Staging Site in. Chrome.
The production site displays fine in SAFARI but not Chrome / Firefox.