NEXT13 - adicionando fonts no projeto [GOOGLE FONTS]

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.

[@Franklin7x]

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!

[@devbymarcos]

Show de bola que bom que foi possível ajudar.

[@hemily9338]

muito obrigada

[@afonsooliveira2087]

Eu consigo somente importar as fontes mas utilizar sem a classe, somente pelo font-family no css?

[@devbymarcos]

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: