Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Implementierung Einer Benutzerdefinierten Google-Schriftart | Einrichtung Eines Next.js-Projekts
Next.js 14 Mastery Für Den Aufbau Moderner Webanwendungen

bookHerausforderung: Implementierung Einer Benutzerdefinierten Google-Schriftart

Die Arbeit erfolgt weiterhin in der Datei fonts.ts. Die Schriftart Rubik mit dem Schriftschnitt 400 und den latin-Zeichensätzen importieren. Diese Schriftart auf das p-Element in der Datei app/page.tsx anwenden.

Um die Verwendung der Schriftarten abzuschließen, die Komponente TradeHubLogo in der Datei app/page.tsx auskommentieren und die Live-Seite überprüfen.

Wir sollten die folgende Ansicht unserer Anwendung sehen können.

In der Praxis

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 9

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

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

bookHerausforderung: Implementierung Einer Benutzerdefinierten Google-Schriftart

Swipe um das Menü anzuzeigen

Die Arbeit erfolgt weiterhin in der Datei fonts.ts. Die Schriftart Rubik mit dem Schriftschnitt 400 und den latin-Zeichensätzen importieren. Diese Schriftart auf das p-Element in der Datei app/page.tsx anwenden.

Um die Verwendung der Schriftarten abzuschließen, die Komponente TradeHubLogo in der Datei app/page.tsx auskommentieren und die Live-Seite überprüfen.

Wir sollten die folgende Ansicht unserer Anwendung sehen können.

In der Praxis

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 9
some-alt