Font Weight not Appearing on Live Site

Hi there,

I’m trying to add different font weights for a custom font that I’m using (Baskerville and Fabrica) for a client site. I can change the font weights in the designer and they show up as the correct font weight when I’m testing the site in the browser (at all breakpoints).

However, when I try accessing the site from my phone and a friend’s phone, the font that I’m using for the headers (Baskerville) is not bolded and is at the regular 400 font-weight. I’m not quite sure what to do. Thanks for the help!

Installed Custom Fonts:

Font Weight in Designer & Web Browser:

Screenshot of Font-Weight on Mobile:


Here is my site Read-Only: LINK