Olá, bom dia, tudo bem? Estava vendo a documentação que vocês colocaram, sobre as fontes, e estava vendo essa parte da documentação: https://developers.google.com/fonts/docs/getting_started?hl=pt-br#enabling_font_effects_beta A minha dúvida é que não estou conseguindo colocar as fontes de efeito, e não entendi muito bem a sintaxe correta, seria por exemplo dessa forma? HTML:
hoje, com a Alura e o Google Gemini
Olá, Ruan! Tudo bem?
Pelo que entendi, você está com dificuldades para ativar as fontes de efeito em seu projeto. A sintaxe que você utilizou no seu código está quase correta, mas faltou adicionar a classe corretamente no HTML e no CSS.
No HTML, você precisa adicionar a classe "animacaolegal" ao elemento <h1>. Ficaria assim:
<h1 class="animacaolegal">Essa é uma animação</h1>
No CSS, você precisa utilizar o seletor correto para a classe. Você utilizou "animacaobacana" em vez de "animacaolegal". Além disso, a sintaxe correta para importar a fonte é @import url(), não import url().
Então, seu código CSS ficaria assim:
@import url("https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple");
.animacaolegal {
font-family: 'Rancho', serif;
}
Dessa forma, a fonte de efeito "Rancho" será aplicada ao elemento com a classe "animacaolegal".
Espero ter ajudado! Se tiver mais alguma dúvida, é só me dizer. Bons estudos!
Muito obrigado Renan, deu certo agora esse código, tinha colocado a classe errada, rsrs Eu tenho mais uma dúvida em relação a animação de efeito shadow-multiple, e como colocar as animações, por exemplo, eu queria colocar só o efeito dessa animação shadow multiple na classe .animacao legal. Mas não sei a sintaxe correta da importação, se teria que colocar font-effect-shadow-multiple na importação, ou outra sintaxe. Consegue me ajudar por favor? Muito obrigado.