Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Ota Käyttöön Mukautettu Google-Fontti | Next.js-projektin Perustaminen
Next.js 14 -osaaminen Modernien Web-sovellusten Rakentamiseen

bookHaaste: Ota Käyttöön Mukautettu Google-Fontti

Jatkamme työskentelyä fonts.ts-tiedostossa. Tuo Rubik-fontti painolla 400 ja latin-alijoukoilla. Käytä tätä fonttia p-elementissä tiedostossa app/page.tsx.

Viimeistele fonttien käyttö poistamalla kommentointi TradeHubLogo-komponentista tiedostossa app/page.tsx ja tarkista sivu livenä.

Sovelluksemme näkymän tulisi olla seuraavanlainen.

Käytännössä

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 9

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

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

bookHaaste: Ota Käyttöön Mukautettu Google-Fontti

Pyyhkäise näyttääksesi valikon

Jatkamme työskentelyä fonts.ts-tiedostossa. Tuo Rubik-fontti painolla 400 ja latin-alijoukoilla. Käytä tätä fonttia p-elementissä tiedostossa app/page.tsx.

Viimeistele fonttien käyttö poistamalla kommentointi TradeHubLogo-komponentista tiedostossa app/page.tsx ja tarkista sivu livenä.

Sovelluksemme näkymän tulisi olla seuraavanlainen.

Käytännössä

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 9
some-alt