font-display: swap показва текста преди уеб шрифта

Полезно е да знаеш

font-display управлява поведението по време на зареждане на шрифт, описан с @font-face. swap допуска много кратък блокиращ период, след който текстът се показва с резервен шрифт и може да бъде заменен с изтегления. [1]

Пример: добави font-display: swap; в съответния @font-face блок. Различните ширини на глифовете могат да променят редовете при замяната. Избери близък резервен шрифт и провери заглавията, бутоните и формите. swap не означава фиксирано време в милисекунди и не отменя нуждата от оптимизирани шрифтови ресурси.