Skip to main content
Participant
July 24, 2019
Question

Controlling FOIT with JS embed

  • July 24, 2019
  • 1 reply
  • 563 views

Hi,

I'm trying to understand how to control the Flash of Invisible Text that happens with my Typekit implementation.

On this page, it says that dynamic implementations should default to showing the fallback font, which does happen for a second, but then everything goes invisible for a period before finally displaying with the correct fonts. https://helpx.adobe.com/uk/fonts/using/font-events.html#UsingfonteventssimulatingtheflashofinvisibletextFOITfordynamicprojects

It seems like the `font-display` value for the font faces is set to "auto" or "swap", where I'd like it to be set to "fallback". Is there any way to achieve this?

This topic has been closed for replies.

1 reply

HARSHIKA_VERMA
Community Manager
Community Manager
July 24, 2019

Hi there,

Thank you for reaching out. Unfortunately, this is something which is not supported currently. I will let the team know that you're interested in this feature and will make sure to forward the feedback.

Please let me know if you need more assistance on this. I'd be happy to help.

Thanks,

Harshika

Participant
July 24, 2019

In that case, can you confirm whether it would violate any licensing agreements or TOS to implement this library on our site? GitHub - morris/typekit-cache: Keeps a site's Typekit in localStorage and injects it on page load, eliminating the Flash…