Archived topic
Adobe Font Mobile Font Issue
3 replies · Started by Mark on June 24, 2022
I have been following this thread... https://generatepress.com/forums/topic/adobe-fonts/?bbp_reply_to=2262575&_wpnonce=f119750c6f.
I am having font issues on mobile. One font, New Rubrik, is not loading on my iPhone 11 in chrome and in an incognito tab. It loads properly on my MacBook Pro.
I have the correct font, font name, font weight selected in my adobe font web project, and the correct style sheet link in my GP hook that is set to the entire site and wp_head. Customizer typography is set correctly as well, font weight is 400 and set to New Rubrik.
Anywhere I have New Rubrik set in the typography in customizer the font is not showing on mobile.
Doesn't matter the block type either. It just won't load.
Hi there,
So the font name in your customizer is currently New Rubrik and that fails on all my devices, not just mobile.
And thats because the font-family name in the Typekit @font-face CSS is new-rubrik
You probably see it working on your desktop because you have the font installed there (?)
Try changing the font name in the Customizer to:
new-rubrik
Ugh, can't believe I overlooked that. That worked. Thank you.
Glad to be of help!