Правильное подключение шрифтов

[Medialine]

Всем доброго дня, подскажите пожалуйста добрым советом, мучаюсь с подключением шрифта к шаблону, проблема в том, что дергаются все шрифты после обновления сайта. Имеется ввиду что шрифты подгружаются немного позже, и нехорошая картина получается. Изначально было так:

@font-face{font-family:'Roboto';font-display:swap;font-style:normal;font-weight:400;src:url(fonts/Roboto-Regular.ttf) format('woff2')}

Погуглил немного на эту тему - оказывается мне мешал font-display:swap

После того, как убрал этот кусок кода - проблема пропала. Но появилась новая - скорость по гугл пейдж спид на моб версии упала на 20 единиц. Как можно решить проблему? или придется выбирать что-то одно? или пейдж спид, или красивый сайт. Заранее спасибо если кто-то подскажет.

[Vetroff]

загружайте шрифты раньше основного css, или выше в том же файле.

Ну и возможно, какие-то правила дублируются, вначале указан один шрифт глобально или для элемента, а ниже другой.

[anboza]

странно, что Робото дает такой резкий скачок. Если же вы это для примера показали, а шрифт у вас другой, то посмотрите, какого он вообще размера. Если такие шрифты, которые много мегабайт тянут, ну и соответственно, даже если грузить локально, они дают нормальный такой прирост тормоза.

Опять же, их кол-во (шрифтов)... 

[aridius]

скачек бывает если к примеру для класса у вас задан font-weight: 500, а в подключенном шрифте, его забыли указать и есть к примеру только font-weight: 400 и 600

[Medialine]

33 минуты назад, Vetroff сказал:

загружайте шрифты раньше основного css, или выше в том же файле.

так и сделал изначально

[Medialine]

30 минут назад, anboza сказал:

странно, что Робото дает такой резкий скачок.

да, именно о робото речь идет

[Medialine]

22 минуты назад, mrz сказал:

скачек бывает если к примеру для класса у вас задан font-weight: 500, а в подключенном шрифте, его забыли указать и есть к примеру только font-weight: 400 и 600

спасибо вам большое, это по всей вероятности наиболее подходит к моей ситуации, все напутано, 600, 700, bold...

[aridius]

4 минуты назад, Medialine сказал:

спасибо вам большое, это по всей вероятности наиболее подходит к моей ситуации, все напутано, 600, 700, bold...

на 99% уверен, что в єтом проблема)