Design comparison
Solution retrospective
I'm glad to learn more about using variable fonts by using @font-face from the local fonts.
A variable font is a single file containing multiple styles (such as weights, widths, and slants), all in one, instead of having separate font files for each style (like bold, italic, or condensed), a variable font allows you to specify styles dynamically through CSS properties.
This leads to flexibility in design and reduces load times since one file covers multiple styles.
What challenges did you encounter, and how did you overcome them?I was importing the variable font using the same syntax for importing fonts from Google Fonts and noticed it didn't work.
I fixed this by importing the styles into my HTML file and also use the correct syntax for variable fonts
Community feedback
- @vaibhu252frontendPosted 9 days ago
1)Include Semantic Tag.
0@tuhamworldPosted 9 days ago@vaibhu252frontend Thank you.
I'll update the code with semantic tag
0
Please log in to post a comment
Log in with GitHubJoin 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