Design comparison
Community feedback
- @alenavershininaPosted almost 4 years ago
You should add to index.html a link to font before link to css file: "link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap" rel="stylesheet"" You can always find the necessary link at fonts.google.com
1 - @mickm77Posted almost 4 years ago
I think what has happened is that you installed the font on your PC that you where working on. Then when you ref'd it in your CSS you browser could find it. But that font isn't installed on the server and couldn't find it, so it defaults back to the default font.
Remove the font from your PC have a look at it (it should be with the default font) and then add it in as a link in your HTML once it works that way for you it will work everywhere.
< link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap" rel="stylesheet" / >
The link info shows up on google fonts once you choose a font weight.
0 - @jasonalnerPosted almost 4 years ago
Hello! That's a great solution for a first challenge. To correct your font, you'll need to import it from google and include it in your stylesheet. Follow the link from the style guide and select the font, then follow the instructions on google to import the font. You're looking for this code...
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;700&display=swap')
You can also improve your solution by adding a border to your image, with a border radius to make it a circle too.
Hope that helps and well done!
0@TamarchikaPosted almost 4 years ago@usermane66 oh, I have not noticed that white border on that image :D thanks, I ll add that border. I just missed it :D
1
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