QR Code Component Solution (Vanilla HTML + CSS)

Please log in to post a comment
Log in with GitHubCommunity feedback
- @dmuri
Hi there, well done!
It looks like site has some issues with the font. You can easly add this to your site by two small changes in the html and css.
HTML, in the header tag:
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet">
CSS:
body { font-family: 'Outfit', sans-serif; }
I would recommend watching a video on adding fonts with "Google Font" to a project. https://www.youtube.com/watch?v=eLY5KSXcQ6c&ab_channel=RosemaryBarker
This one is a short nice introduction to it.
Happy coding!
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord