Challenge: Implementing a Custom Google Font
We continue our work within the fonts.ts
file. Let's import Rubik
font with 400
weight and latin
subsets. Apply this font to the p
element in the app/page.tsx
file.
To finalize the use of fonts, uncomment the TradeHubLogo
component in the app/page.tsx
file, and check the live page.
We should be able to see the following view of our application.
In Practice
Video Player is loading.
Loaded: 0%
Current Time 0:00
/
Duration -:-
- , opens subtitles settings dialogsubtitles settings
- subtitles off
- , selectedEnglish Captions
1x
- 2x
- 1.5x
- , selected1x
- 0.5x
This is a modal window.
The media could not be loaded, either because the server or network failed or because the format is not supported.
Beginning of dialog window. Escape will cancel and close the window.
End of dialog window.
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 2. Capítulo 9
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo