Шрифты

Отображение шрифта

Свойство font-display определяет как шрифт отобразится, в зависимости от того, когда шрифт загрузят.

auto
по умолчанию
Браузер использует стандартный метод загрузки, который зачастую похож на значение block. Стратегию загрузки шрифта определяет пользовательский агент.
block
Браузер прячет текст до полной загрузки шрифта. Если точнее, то браузер отрисовывает текст прозрачным цветом, после чего заменяет его на шрифт. Для шрифта задается короткий период блокировки и бесконечный период подмены.
swap
рекомендуется
Браузер отображает фолбек шрифт до полной загрузки кастомного шрифта. Для шрифта не задается период блокировки и задается бесконечный период подмены.
fallback
Что-то среднее между auto и swap. Браузер скрывает текст примерно на 100ms, и если шрифт не успел загрузиться, отображается фолбек до тех пор, пока не загрузится кастомный шрифт. Для шрифта задается очень короткий период блокировки и короткий период подмены
optional
Как и fallback, это значение заставляет браузер прятать текст, после чего плавно переходить на фолбек до полной загрузки кастомного шрифта. Однако это значение позволяет браузеру определять, а стоит ли вообще использовать кастомный шрифт. Для этого замеряется скорость соединения. На слабых соединениях кастомный шрифт загружаться не будет. Для шрифта задается очень короткий период блокировки и не задается период подмены.