Design comparison
Community feedback
- @samuelms21Posted over 2 years ago
Hey there. Well done with the page! You can still improve it by changing your
font-family
property to'Outfit', sans-serif;
instead of justOutfit
. So, if the browser that the user is using does not have the fontOutfit
, the browser can roll back tosans-serif
. In your code, you might have forgotten to import the font from Google Fonts. Here is how you can do it:- You can copy and paste this to your CSS file:
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap");
- Or you can copy and paste this inside the
<head></head>
element, in your HTML:
<link rel="preconnect" href="https://fonts.googleapis.com">
<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">
Marked as helpful1
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