So I made a bunch of headers the “Impact” font, and changed the class of all of them to 111. In mobile preview it looks fine, but in the published website on mobile there is no formatting. I don’t understand what is causing this? Why would it look fine in the designer and on preview but not publish properly?
Devices are different than a preview simulation of what a “mobile device” looks like in a browser. You don’t indicate which device and OS version that is not loading the font, nor did you share a published URL that can be tested with a real device to inspect. Both would really need to be provided in order for anyone to debug your issue.
All OS devices, All Android Devices on mobile are not displaying the Impact font. Headers are formatted “111” class with Impact font. On the mobile editor it displays correctly, it shows the correct class. But on published website across all mobile devices it does not display correctly.