Главная Обзор Помощь
Вход
SMusatov
/
google-fonts
зеркало из https://github.com/google/fonts.git
1
0
Ответвить 0
Файлы
Дерево: 9b90023efd
Ветки Метки
google-fonts
/
cc-by-sa
/
knowledge
/
glossary
/
terms
/
foit
/
content.md

content.md 1.1 KB
История Исходник

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.](images/thumbnail.svg)

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.”