Tentei fazer com uma fonte diferente e não funciona | HTML5 e CSS3 parte 4: avançando no CSS

Solucionado (ver solução)

Solucionado
(ver solução)

2
respostas

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Conteúdo externo e atividade Fontes externas

por Rafael

| 32.2k xp | 9 posts

html

<!DOCTYPE html>
<html lang="pt-br">

   <head>

    <link rel="stylesheet" href="style.css">
    <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=Anek+Odia&display=swap" rel="stylesheet">

css

body {
    font-family: 'Anek Odia', sans-serif;
}

Meu CSS tive que fazer dessa maneira para ficar com a fonte que eu queria

CSS modificado Para ficar com a fonte do Google fonts

.itens {

        font-family: 'Anek Odia', sans-serif;
}
Body p {
    font-family: 'Anek Odia', sans-serif;
}
body header {
    font-family: 'Anek Odia', sans-serif;
}

2 respostas

solução!

por Salinas

| 159.3k xp | 7 posts

12/04/2022

Iae Rafael, beleza? eu consigo pensar 2 possíveis soluções:

A primeira possível solução seria com o body (é só uma forma reduzida da sua solução que economiza 3 linhas ) se liga:

body, p, header {
    font-family: 'Anek Odia', sans-serif;
}

Quando colocamos o nome de uma tag seguido de virgula (ex: body, p, header) significa que queremos dar o mesmo estilo para essas mesmas tags, foi o que foi feito acima.

A segunda forma é com o * ( * significa que é para pegar todos os elementos):

* {
    font-family: 'Anek Odia', sans-serif;
}

Talvez você se pergunte qual forma correta de se aplicar, segundo a documentação da MDN a propriedade font-family pode ser aplicada em qualquer elemento. Você pode colocar para um <p></p>, <div></div> , <h1></h1>, <body></body>e por aí vai, tudo depende do resultado que você quer!

Espero ter ajudado, me diz se deu certo depois! Abraço TMJ!

por Rafael

| 32.2k xp | 9 posts

13/04/2022

Funcionou só a primeira, a segunda não rodou, mas obg, pelo menos refatorei o meu cdg