I have uploaded and am hosting my own web fonts to use for my header and body typefaces. I uploaded the fonts using the Font Squirrel uploader.
I have embedded a Typekit key in my header.php to use for some of my callout fonts.
Everything looks great on desktop in Chrome, Safari, and Firefox, but on mobile, none of the fonts I have specified are loading.
I have enclosed all the relevant info below.
Is this something I should handle through a media query, or is there a better way to code my fonts? Thanks!
Is Metropolis-Bold the font you are having issues with? I didn’t see a difference between your desktop and mobile site. For your mobile site which browser are you using? I viewed with Chrome.
I deleted all my old fonts, re-formatted them using FontSquirrel, and added a link to the style sheet in the header.php file as well as in the style.css
That seems to have fixed the problem. Thanks!
EDIT: problem persists! I don’t know what I’m doing wrong. Help!
The topic ‘Fonts not loading on mobile browsers’ is closed to new replies.