P
Michael Hatton• 270
@mikehwebdev
Posted
Kevin Powell is always my go to guy for CSS topic if a video covering Google fonts would help. 👍
Marked as helpful
1
Design comparison
Solution retrospective
My only problem with the project was that I didn't know how to import fonts from the net. I'll be glad if anyone can help with that.
Community feedback
@kanishkasubash
Posted
Hi, Generalissimo👋
Answer to your question that might interest you:
Go to the website and select which font you want. To embed a font, copy the code into the <head> of your html and CSS rules to specify families.
E.g: Import Google Fonts from the website. Here is the link for the font "Outfit".
HTML:
<head>
<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">
</head>
CSS:
font-family: 'Outfit', sans-serif;
I hope you find this helpful! 😄 Keep up the great work! 👍
🖥️Happy coding!
Marked as helpful
0
Generalissimo• 110
@General4904
Posted
@kanishkasubash
Thanks alot🤝🏾❣️
0
Please log in to post a comment
Log in with GitHub
Join 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