Solucionado
Porque quando aplico o first-child, o primeiro item da classe .itens (Atendimento aos Clientes) fica azul, mas não fica negrito? (Obs, testei color só para ver se first-child estava funcionando.)
.itens:first-child {
font-weight: bold;
color: blue;
}
Petra, boa tarde!
Isso pode estar ocorrendo devido alguma outra regra estar sobrescrevendo esse regra, ou a fonte pode não ter uma versão bold.
Ao inspecionar o elemento qual valor está aparecendo no font-weight?
Aguardo sua resposta e bons estudos!
Felipe, boa tarde!
Eu inspecionei o arquivo e aparece no elemento first-child como: bold.
Mas, gostaria de te dar mais informações. Quem sabe ajuda?! Quando carrego a página, ele parece negrito quando está carregando, e quando termina, ele volta ao normal. O mesmo está acontecendo com a classe .principal strong (onde tem o texto: Proporcionar auto-estima e qualidade de vida aos clientes.)
.principal strong {
font-weight: bold;
}Tentei abrir o arquivo do professor e até no dele está acontecendo a mesma coisa. Saberia se existe alguma incompatibilidade com o macOS Catalina, ou, de repente, tenho que aplicar algum webkit?
Obrigada pela ajuda! :)
Petra, bom dia!
Baixei aqui mas funcionou normalmente, a principio era pra funcionar, você pode compartilhar o seu projeto via github ou através de um link para download? Assim eu consigo testar e te dizer o passo a passo de não estar funcionando
Aguardo sua resposta e bons estudos!
Olá Felipe!
Subi os arquivos. Obrigada pela ajuda! https://github.com/petraarantestsuzuki/frontend_alura_html.git Petra.
Felipe, bom dia!
Encontrei o erro! Inseri o endereço da fonte Montserrat, porém verifiquei e parece que não tinha a versão bold. Entrei novamente https://fonts.google.com/, procurei pela fonte Montserrat, selecionei, cliquei em customize e marque, além da opção regular 400 (), que já vem por padrão, o item bold 700 () também. Coloquei no meu código o novo endereço e deu certo!
Tem alguma outra maneira de já baixar no google fonts todas as versões?
Grata! Petra.
Petra, bom dia! Você pode baixar diretamente as fontes do site original e colocar via
@font-faceTudo isso é ensinado de um modo super detalhado no nosso curso de tipografia!
https://cursos.alura.com.br/course/tipografia-para-web
Espero ter ajudado e bons estudos!
Obrigada!!