Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


Recommended Posts

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

@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 единиц. Как можно решить проблему? или пригдется выбирать что-то одно? или пейдж спид, или красивый сайт. Заранее спасипотому что если кто-то подскажет.

  • +1 1
Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.