Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Duvida sobre fonts

Bom dia,

Estou com uma dúvida de como escolher as fontes na minha pagina.

Exemplo: No meu cabeçalho eu tenho as opções escritas com a font lato light, se eu vou no google fonts escolher a font eu importo ela dessa forma:

<link href="https://fonts.googleapis.com/css?family=Lato:300" rel="stylesheet">

e coloco no CSS dessa forma:

font-family: 'Lato', sans-serif;

Mas agora que não entendo, nos meus textos de outras partes da pagina eu uso a lato Regular e na hora de importar fica dessa maneira:

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

só que no CSS eu chamo da mesma forma.

font-family: 'Lato', sans-serif;

E claro que o navegador nao sabe diferenciar qual e a lght ou a regular.

Como posso utilizar cada uma separadamente?

obrigado.

2 respostas
solução

Olá Gabriel, tudo bem?

Para utilizar cada fonte separadamente, você precisa adicionar no CSS a propriedade font-weight com o valor de 300 para quando for usar a fonte Lato Light e o valor de 400 quando for a fonte Lato Regular, segue um exemplo de HTML e CSS para que isso funcione:

<p class="light">Lato Light 300</p>
<p class="regular">Lato Regular 400</p>
body {
  font-family: 'Lato', sans-serif;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

Espero ter ajudado!!!

Muito obrigado andreza era isso mesmo