Typekit Font Not Displaying in Chrome or on Mobile

  • Resolved mstephens268

    (@mstephens268)


    6 years, 10 months ago

    Hi Tom,

    I synced a Typekit kit with my theme and added the fonts to MMM per your documentation, and everything looks great… on the desktop version of Safari. However, the font I’m using for my menus (Rosewood Std Fill) doesn’t display on any mobile browser (to my knowledge) or on every major desktop browser (such as Chrome).

    The font does display—both in mobile browsers and in the Chrome desktop browser—on other parts of the page, just not the menu. This leads me to believe it is related to MMM specifically.

    If you could help me sort this out, I would greatly appreciate it!

    • This topic was modified 6 years, 10 months ago by mstephens268.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi mstephens,

    Can you try changing the font name from “Rosewood Std Fill” to “rosewood-std-fill”? Then re-apply the font in the theme editor as the name has changed.

    Regards,
    Tom

    Thread Starter mstephens268

    (@mstephens268)

    That fixed it, thanks! I am curious, though, whether it would be even better to include the entire family name (e.g., rosewood-std-fill,serif)?

    Plugin Author megamenu

    (@megamenu)

    Hi mstephens,

    You could add ‘serif’ if you like, to provide a fall back if for some reason the typekit font fails to load.

    Regards,
    Tom

    Thread Starter mstephens268

    (@mstephens268)

    Good to know. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Typekit Font Not Displaying in Chrome or on Mobile’ is closed to new replies.