https://github.com/robson-haaland/aula
A fonte esta como Poppins mas tem que estar como Josefin Sains, mas naão fica como Josefin Sains, eu queria saber o que esta errrado no meu código
https://github.com/robson-haaland/aula
A fonte esta como Poppins mas tem que estar como Josefin Sains, mas naão fica como Josefin Sains, eu queria saber o que esta errrado no meu código
Oi
Você está baixando as duas fontes pelo googleapis no head.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AluraBooks</title>
<link rel="stylesheet" href="reset.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>E está defindo o uso da Poppins no css, com o uso da variável principal.
:root {
--cor-de-fundo: #EBECEE;
--fonte-principal: "Poppins";
--fonte-secundario: 'Josefin Sans';
}
body {
background-color: var(--cor-de-fundo);
font-family: var(--fonte-principal);
font-size: 16px;
font-weight: 400;
}Caso você deseja utilizar a fonte Josefin, utilize a variável secundária na definição da família da fonte no body.