Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Sfida: Implementazione di un Font Google Personalizzato | Configurazione di un Progetto Next.js
Padronanza di Next.js 14 per la Creazione di Applicazioni Web Moderne

bookSfida: Implementazione di un Font Google Personalizzato

Continuiamo il nostro lavoro all'interno del file fonts.ts. Importare il font Rubik con peso 400 e subset latin. Applicare questo font all'elemento p nel file app/page.tsx.

Per completare l'utilizzo dei font, decommentare il componente TradeHubLogo nel file app/page.tsx e verificare la pagina live.

Dovremmo essere in grado di visualizzare la seguente schermata della nostra applicazione.

In pratica

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 9

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you explain how to import and use the Rubik font in another component?

What should I do if the Rubik font is not displaying correctly?

How do I verify that the Rubik font is applied to the paragraph?

Awesome!

Completion rate improved to 2.08

bookSfida: Implementazione di un Font Google Personalizzato

Scorri per mostrare il menu

Continuiamo il nostro lavoro all'interno del file fonts.ts. Importare il font Rubik con peso 400 e subset latin. Applicare questo font all'elemento p nel file app/page.tsx.

Per completare l'utilizzo dei font, decommentare il componente TradeHubLogo nel file app/page.tsx e verificare la pagina live.

Dovremmo essere in grado di visualizzare la seguente schermata della nostra applicazione.

In pratica

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 9
some-alt