font-weight и font-size не работают вместе

Question

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

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#element {
font-weight: 700 !important;
font-size: 20px !important;
}

<div style="display: flex; flex-direction: column; width: 40vw; margin-left: 20px;"><div style="font-size: 24px; font-weight: 600;">Sell your clutter</div><div style="font-size: 20px; font-weight: 600;">Athens Locations</div><div style="width: 100%; height: 25vh;">House1</div><div>House2</div></div>

Answer 1

Вы меняли или обновляли браузер, которым обычно пользуетесь? Взгляните на https://github.com/tailwindcss/tailwindcss/issues/1402

Answer 2

Вы проверили, что ваш идентификатор и классы соответствуют тем, которые вы указали на своей странице HTML. Либо это, либо проблема может возникнуть в вашем браузере, попробуйте обновить его до последней версии, если вы еще этого не сделали. Потому что в наши дни большая часть CSS работает только в современных браузерах.

Answer 3

Подобное случилось со мной. Я пробовал несколько вещей, затем использовал Firefox вместо Chrome, и он работал нормально. Только тогда я узнал об ошибке.