Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Впровадження Користувацького Шрифту Google | Налаштування Проєкту Next.js
Майстерність Next.js 14 для Створення Сучасних Вебзастосунків

bookЗавдання: Впровадження Користувацького Шрифту Google

Продовжуємо роботу у файлі fonts.ts. Імпортуйте шрифт Rubik з вагою 400 та підмножиною latin. Застосуйте цей шрифт до елемента p у файлі app/page.tsx.

Для завершення використання шрифтів розкоментуйте компонент TradeHubLogo у файлі app/page.tsx та перевірте сторінку у режимі реального часу.

Має відображатися наступний вигляд нашого застосунку.

На практиці

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 9

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

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

bookЗавдання: Впровадження Користувацького Шрифту Google

Свайпніть щоб показати меню

Продовжуємо роботу у файлі fonts.ts. Імпортуйте шрифт Rubik з вагою 400 та підмножиною latin. Застосуйте цей шрифт до елемента p у файлі app/page.tsx.

Для завершення використання шрифтів розкоментуйте компонент TradeHubLogo у файлі app/page.tsx та перевірте сторінку у режимі реального часу.

Має відображатися наступний вигляд нашого застосунку.

На практиці

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 9
some-alt