
Design comparison
Community feedback
- @JcmniaCSPosted 3 months ago
Hey! I just completed this task too.
To use the font "Outfit" in your CSS file you can use a
<link>
element.Example:
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet">
Parameters:
href:
This points to the URL to the Google Fonts stylesheet for the "Outfit" font.family=Outfit:
The name of the font (Outfit).wght@400;700:
The weights you want to load (400 for normal and 700 for bold as specified in the style-guide).display=swap:
Ensures a smooth transition to the custom font if it takes time to load.rel="stylesheet":
Indicates that this link is a stylesheet.0@aymanshalaby55Posted 3 months agoThank you for your feedback, @JcmniaCS. I will review all the points you've mentioned in the upcoming challanges.
0@aymanshalaby55Posted 3 months agoThank you for your feedback, @JcmniaCS. I will review all the points you've mentioned in the upcoming challanges.
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