Почему шрифт не соответствует в html?

Question

[kopocov_v]

Вообщем скачиваю шрифты с гугла, подключаю шрифты через gulp все, как положено. Шрифт подключился все хорошо, и когда подключаю в css, то на странице сайта отображается не так...

Вот так должно быть

Вот код css, не могу понять в чем проблема, и в гугле, отображается как нужно, а на моей стр. нет ...

@font-face {
  font-family: "Merriweather";
  font-display: swap;
  src: url("../fonts/Merriweather-Bold.woff") format("woff"), url("../fonts/Merriweather-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Merriweather";
  font-display: swap;
  src: url("../fonts/Merriweather-Regular.woff") format("woff"), url("../fonts/Merriweather-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

Answer 1

[Spartak (Web-StyleStudio)]

Кеш обновите в браузере Ctrl + F5

Comments

[Spartak (Web-StyleStudio)]

koposov_v,
Попробуйте удалить кеш за всё время, и перезапустить браузер
Ctrl + Shift + Del

[koposov_v]

Помогло

Answer 2

[MeMoJlor]

Почему бы не попробовать .ttf?

@font-face 
   {font-family: "Exo2";
   src: url("font/Exo2.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;}

Сокращайте названия всегда.

Comments

[koposov_v]

Спасибо за совет! Буду знать!

[Ankhena]

Почему бы не попробовать .ttf?

Или еще какую-нибудь древнюю дичь.
Для современных браузеров нужны woff2 и woff.