Skip to main content
reason_web
Participant
Jul 24, 2019 4:50 PM UTC
Question

Controlling FOIT with JS embed

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 is closed to new replies. Start a new post to keep the conversation going.

2 replies

Harshika Verma
Community Manager
Harshika VermaCommunity Manager
Community Manager
Jul 24, 2019 6:15 PM UTC

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

Translate
reason_webAuthor
Participant
Jul 24, 2019 6:24 PM UTC

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…

Translate
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices