В 2019 году в Google Fonts ввели параметр &display=swap, который вставляется по умолчанию в код подключения шрифтов Google. Эту фичу настоятельно требовали от Гугла с 2016 года на Гитхабе.
Вот из-за этого и прыгает текст на странице. Это можно увидеть при первоначальной загрузке страницы или при обновлении страницы с шифтом.
Мы рекомендуем убирать этот параметр из кода подключения шрифтов. Лучше уж долю секунды подождать, чем видеть прыгающий текст. Этот эффект прыгающего текста называется FOUC или FOUT, также об этом всем можно прочитать тут.
То есть вместо этого:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
Нужно вставлять:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Roboto:wght@300;400;700" rel="stylesheet">
И текст у вас не будет прыгать и скакать от одного к другому, раздражая Вас и посетителей Вашего сайта.
Подробнее...