@font-face и хмурится из-за времени загрузки. Сейчас узнаем, что делать.Пояснение ⬇️
У swap по спецификации очень короткий блок-период, а в реализации браузеров фолбэк показывается сразу при первой отрисовке. Когда кастомный шрифт прилетает, происходит подмена — это FOUT, flash of unstyled text. Со значением block блок-период по рекомендации около 3 секунд, и всё это время текст невидим. Так получается FOIT, flash of invisible text. Значение optional устроено иначе: короткий блок-период (около 100 мс по рекомендации), а swap-периода нет вовсе. Если шрифт не успел за этот блок, браузер останется на фолбэке до следующего захода на страницу. Полезно для медленных сетей — текст не подменяется после загрузки.