HTML CSS, Почему не подключается google fonts? Почему — то не могу подключить, вроде все сделал как надо. что делать?

Question

[aristosarseno]

HTML:


CSS:

*{
margin: 0px;
padding: 0px;
}
header{
display: flex;
justify-content: center;
}
body{

font-family: 'Chakra Petch', sans-serif;
background-color: black;
color: white;
}



.logo, .TopMenu{
display:inline-block;
font-family: arial;
font-size: 20px;
color: white;
vertical-align: middle;
margin-right: 25px;
}

.TopMenu li{
display: inline-block;
vertical-align: middle;
margin-right: 25px;

}

.TopMenu a{
font-family: arial;
font-size: 20px;
color: white;
vertical-align: middle;
text-decoration: none;

}

.TopMenu a:hover{
color: rgb(49, 194, 16);

}

.logo h1{
font-family: Arial;
font-size: 30px;
vertical-align: middle;
color:white;
}

-->

.Sigin{
text-align: right;
}

Answer 1

[Rsa97]

У вас нет самого подключения шрифта.

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&display=swap');

Comments

[aristosarseno]

куда именно вставить?

[aristosarseno]

Я точно таким же способом подключил этот текст в другом файле и он подключился.
пруф:

[Alexander3928]

aristosarseno, импорт делается в файлах стилей css,scss

[Антон Литвиненко]

не нужно импортить, если подключение в хеде

[Rsa97]

aristosarseno, Раз подключили через link, то include делать не надо. Смотрите в консоли браузера, нет ли каких-то ошибок загрузки ресурсов, применяются ли к элементам стили и какие именно.