Design comparison
SolutionDesign
Solution retrospective
I was not able to add the Hanken Grotesk front because I did not understand the instruction and made it difficult for me to add the required front to the project. Will be glad on any feedbacks about how to apply the front and about the project as a whole. Thanks in advance
Community feedback
- @0xabdulkhaliqPosted over 1 year ago
Hello there π. Congratulations on successfully completing the challenge! π
- I have other recommendations regarding your code that I believe will be of great interest to you.
FONTS π€:
- It's recommended that you always use the font provided by the challenge's style guide.To import a font, follow the steps below
- Go to the font's page on Google Fonts: https://fonts.google.com/specimen/Hanken+Grotesk
- Select the desired font style and weight(s), then click on the "Family Selected" button at the bottom of the page.
- In the pop-up window that appears, you'll see an "Embed" tab. Copy the code provided in the "Standard" section.
- Here's an example of what the code will look like:
<link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;600&display=swap" rel="stylesheet">
- You'll need to add this code to the
<head>
section of yourHTML
document, usually between the<head>
and</head>
tags. This will import the Hanken Grotesk font and make it available for use on your website.
- To use the font in your CSS, you'll need to specify the font-family property. Here's an example:
body { font-family: 'Hanken Grotesk', sans-serif; }
- This will set the font family for the your entire webpage to Hanken Grotesk.
.
I hope you find this helpful π Above all, the solution you submitted is great !
Happy coding!
Marked as helpful0@0xabdulkhaliqPosted over 1 year ago@500288 Glad you found it helpful ! π€
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