QR code component with self-hosted web fonts

What are you most proud of, and what would you do differently next time?

For this challenge, I took a deep dive into web sustainability best practices for web fonts:

• Choosing between static and variable fonts
• Subsetting fonts to only include needed characters
• Converting font files to the most efficient formats
• Using the correct font-face declarations
• Preloading font files to improve page load performance

In future projects, I want to continue using what I learnt in this challenge and explore other web sustainability best practices.

What challenges did you encounter, and how did you overcome them?

I dove deep into topics like font subsetting, converting font files, font-face declarations, and pre-loading font files. You can read about the choices I made and find links to the main resources I used in the README for this project.

What specific areas of your project would you like help with?

I would appreciate feedback on the way I used web fonts, as this was my main focus for this project.

This is also my first challenge on Frontend Mentor. I want to make sure I got all the basics right and have a good foundation going forward.

Thanks for your help!