google/fonts
1
0
Fork 0
mirror of https://github.com/google/fonts.git synced 2024-12-18 22:31:31 +03:00
Code Issues Projects Releases Wiki Activity
c5ddf13cea
fonts/cc-by-sa/knowledge/glossary/terms/foit/content.md
nathan-williams d7ac31e1ba Move Knowledge sources under cc-by-sa license.
2022-03-28 12:02:37 -07:00

1.1 KiB
Raw Blame History

A “flash of invisible text” (FOIT) is the phenomenon in which a web page loads without the type appearing at all, before rendering to the intended typeface(s). This delay is caused by the web fonts being downloaded to the user’s device. See also: FOUT.

Two abstract representations of a website being viewed on a mobile phone: on the left phone, no content is visible at all; on the right, the content is visible—intended to represent what happens after a delay in loading the fonts.

In almost all scenarios, a FOIT is not a great user experience for the end user, since all written content is effectively blocked during the time it takes the fonts to load.

The effect can be prevented using the CSS font-display property, which will first render the content using system fonts before swapping to the desired typefaces once the web fonts have downloaded. For more information, please see our article “Using web fonts.”