Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Implémenter une Police Google Personnalisée | Configuration d’un Projet Next.js
Maîtrise de Next.js 14 pour la Création d'Applications Web Modernes

bookDéfi : Implémenter une Police Google Personnalisée

Nous poursuivons notre travail dans le fichier fonts.ts. Importer la police Rubik avec la graisse 400 et les sous-ensembles latin. Appliquer cette police à l’élément p dans le fichier app/page.tsx.

Pour finaliser l’utilisation des polices, décommenter le composant TradeHubLogo dans le fichier app/page.tsx, puis vérifier la page en direct.

Nous devrions pouvoir voir l'affichage suivant de notre application.

En pratique

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 9

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

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

bookDéfi : Implémenter une Police Google Personnalisée

Glissez pour afficher le menu

Nous poursuivons notre travail dans le fichier fonts.ts. Importer la police Rubik avec la graisse 400 et les sous-ensembles latin. Appliquer cette police à l’élément p dans le fichier app/page.tsx.

Pour finaliser l’utilisation des polices, décommenter le composant TradeHubLogo dans le fichier app/page.tsx, puis vérifier la page en direct.

Nous devrions pouvoir voir l'affichage suivant de notre application.

En pratique

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 9
some-alt