@Code-Beaker
Posted
Hi there, congratulations on completing this challenge. You've done a great job with this one! 🎉
I would like to share some of my suggestions that might help you improve your solution.
- For challenges like this and larger and professional projects, using an external CSS file is a better option.
- use class names for elements instead of selecting them using their tag.
- The issue with your
@font-face
might have been due to importing multiple font files into a single block. Try creating different blocks for different weights.
For the regular:
@font-face {
font-family: 'Inter';
src: url('folder/InterRegular.format') format('format');
}
For the bold:
@font-face {
font-family: 'Inter';
src: url('folder/InterBold.format') format('format');
}
Try changing your code like this and see if it works.
If you wish to learn more about the @font-face
, you can check out this tutorial from [Kevin Powell]()
Hope this helps you 😊
Marked as helpful