I hope you are well today and thank you for your question.
It seems fine in your shared screenshot.
Just make sure that the font files exist in the specified directory and try using different browser.
Also could you please share me your site URL where it’s happening so that i can troubleshoot it?
I visited your shared site but didn’t see the code used anywhere on the site as you have displayed in your screenshot so could you please tell me where you have added it?
Also please clear the cache and temporary disable it that you are using on your site.
All the font files such as following doesn’t exist in the theme directory causing the error as shown in the attached screenshot so please make sure you save font files in the fonts directory.
I replaced my src url with what you provided. The correct font is showing up across browsers but still unavailable on mobile. Should I include the font-family code in the responsive.css file?
I’m confused why only mobile is experiencing this problem. I appreciate your help.
Actually you are using wrong font URL in your CSS code displayed in the above shared screenshot so please change the URL to following where you have saved fonts.
Also please note you are making changes in the theme files therefore you have to make these changes again after theme updation as changes made in the theme files get lost on theme updation.