По какой причине может не работать font-weight?

Question

[zeaovede]

На сайте перестал работать font-weight. Работает только font-weight: 400. Свойство font-weight не реагирует ни на что другое. Пути указаны верно. Ранее font-weight отличающиеся от 400 работал и правок на этот счет не вносилось. Подключение выглядит вот так:

spoiler

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;

  /* Браузер сначала попробует найти шрифт локально */
  src: local("Roboto Condensed"),
       /* Если не получилось, загрузит woff2 */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-Regular.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-Regular.woff") format("woff");
}


@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 400;

  /* Браузер сначала попробует найти шрифт локально */
  src: local("Roboto Condensed"),
       /* Если не получилось, загрузит woff2 */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-Italic.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-Italic.woff") format("woff");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 300;

  /* Браузер сначала попробует найти шрифт локально */
  src: local("Roboto Condensed"),
       /* Если не получилось, загрузит woff2 */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-LightItalic.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-LightItalic.woff") format("woff");
}


@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;

  /* Браузер сначала попробует найти шрифт локально */
  src: local("Roboto Condensed"),
       /* Если не получилось, загрузит woff2 */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-Lightr.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-Light.woff") format("woff");
}




@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;

  /* Браузер сначала попробует найти шрифт локально */
  src: local("Roboto Condensed"),
       /* Если не получилось, загрузит woff2 */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-Bold.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-Bold.woff") format("woff");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 700;

  /* Браузер сначала попробует найти шрифт локально */
  src: local("Roboto Condensed"),
       /* Если не получилось, загрузит woff2 */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-BoldItalic.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-BoldItalic.woff") format("woff");
}

/* Теперь можно использовать шрифт */


  * { font-family: 'Roboto Condensed' !important; }

Тестировал в гугле и опере, кэш чистил. А вот и сам сайт:

spoiler

https://ggraft.ru/buy_boost/

Comments

[Ankhena]

В первом попавшемся месте в коде, в которое я тыкнула, написано font-weight: 600;. Где у вас подключаются файлы для 600 жирности?
Их браузер рисует обычным bold.

И это явно не только 400

Смущает последняя буква r по названии файла

"/wp-content/themes/eloboost-child/fonts/RobotoCondensed/RobotoCondensed-Lightr.woff2"

И попробуйте убрать local.

[zeaovede]

Ankhena, roboto-condensed не существует с начертанием 600. Следовательно 600 он будет отрисовывать как 700, а 500, как 400 в большую или меньшую сторону. К сожалению это такой ограниченный шрифт. Странно, но у вас на скриншоте шрифты отрисовываются как и положено. Пожалуй следует перезагрузить компьютер, как и в любой непонятной ерунде

[ProjectSoft]

И следите за тем, что у вас грузится. Это очень легко проверить.

Скриншот

[Ankhena]

zeaovede,

roboto-condensed не существует с начертанием 600.

Ага. Так я и спрашиваю, зачем вы задаете font-weight: 600;

[zeaovede]

Это уникальный случай. Похоже на системную ошибку моего компьютера. Я пробовал чистить кэш в опере и гугл хроме, не помогло. Я установил яндекс браузер. там тоже самое. Перед этим установливал roboto condensed для фотошопа. возможно в этом проблема. С другого компьютера зашел грузит все нормально. А на счет почему используется 600? Так какая разница, если 600 округлится в сторону 700, а 500 округлится в сторону 400

[Ankhena]

zeaovede,

Перед этим установливал roboto condensed для фотошопа.

Я поэтому и сказала, удалите local.

[zeaovede]

Ankhena, спасибо, убрав local все заработало. По сути, это и есть решением вопроса

[Ankhena]

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

[zeaovede]

Ankhena, для ясности, а разве это не мой случай, то что у меня сейчас стоял шрифт какой угодны кривизны (400) грузился во преки моим правилам на сайте. А сейчас, убрав local шрифты начали загружаться в соответствии тому, что задано на сайте. Но по итогу я понял к чему вы ведете. Вы к тому, что жирность может округляться в большую или меньшую степень рандомно?

[Ankhena]

zeaovede, дело в том, что нет гарантии, что все браузеры будут поступать одинаково. Я к этому.
Поэтому лучше указывать именно ту жирность, которую вы собираетесь использовать. Также лучше указывать запасной подходящий безопасный шрифт или хотя бы семейство. Чтобы случайно не получить засечки как замену шрифту без засечек.

[zeaovede]

Ankhena, принял решение отказаться от roboto condensed с ограниченным начертанием для заголовков

[Ankhena]

zeaovede, тоже ход))