Не применяются шрифты внутри

У меня импортирован и привязан к тегу html, body один шрифт. Всё что внутри тега <form> имеет свой шрифт, и как буд-то не видит тот что я привязал.

html,
body {
  font-family: "Space Grotesk", sans-serif;
}
<form>
  <div class="input__name">
    <label for="name" class="input__title">Cardholder name</label>
    <input type="text" name="name" placeholder="e.g. Jane Appleseed" class="long-input" required />
  </div>
</form>

Вот некий пример моей формы, у меня ни в <label> ни в <input> не применяется шрифт.

Что делать?


Ответы (1 шт):

Автор решения: Qwertiy
input {
  font: inherit;
}

Для других контролов стоит тоже прописать, если они используются.

→ Ссылка