У меня есть кнопка и соответствующее объявление CSS для изменения ее font-family
, но шрифт кнопки не меняется.
Это исследование, которое я провел:
Я нашел этот пост , но на него не было ответа, и я уже использовал !important
и проверил devtools, но devtools сказал, что он применяет шрифт. Это сообщение не относится ко мне: я не использую любую форму reset.css
. Этот также не относится ко мне, поскольку он / она допустил ошибку при объявлении, и это касалось ввода, а не кнопок.
Это код, который стилизует кнопку:
@import url('https://fonts.googleapis.com/css?family=Dosis');
/* ... */
button.main {
width: 40%;
margin-left: 10%;
margin-top: 20px;
height: 80px;
border-radius: 8px;
font-size: 50px;
border-style: solid;
background-color: #50c878;
border-color: #60b989;
}
button {
font-family: "Dosis" !important;
}
Я ожидал, что кнопка будет иметь шрифт Dosis, но вместо этого у нее будет шрифт по умолчанию.Кажется, я не могу найти никаких ошибок в этом.
Заранее спасибо!