NEXT13 - adicionando fonts no projeto [GOOGLE FONTS]
Вставка
- Опубліковано 11 вер 2024
- Fala pessoal vamos aprender como inserir fonts utilizando o novo recurso do nextjs.
Já chega deixando like e se inscrevendo
Para que quizer aprender programação na prática estou com turmas abertas.
https:/eprogramador/jsexpert.
meu amigo, eu li a documentação 300 vezes e não estava entendo o porque que a fonte não carregava no meu projeto! muito obrigado por compartilhar esse conhecimento. usa solução a esse problema foi top!
Show de bola que bom que foi possível ajudar.
muito obrigada
Eu consigo somente importar as fontes mas utilizar sem a classe, somente pelo font-family no css?
Ola Afonso, com o uso do "next/font/google" você deixa de usar o "font-family" é nesse formato que o next sabe as fonts que ele precisa otimizar o carregamento. Até existe na documentação mais outras duas formas de inserir a font, mas todas elas precisam importar a font no componente. Então se você estiver usando CSS module, na tag que vai alterar a fonte passe uma tamplate string exemplo: