Design comparison
Solution retrospective
i found a problem with setting the correct color and fonts, how can i find fonts name from images only? please help me.
note: i have fixed the problem of "img not found".
Community feedback
- @correlucasPosted over 2 years ago
Hello Emad, congratulations for your solution!
Answering your question:
For the Frontend Mentor challenges you dont need to guess the font, its all given in a file
style-guide.md
that comes with the folder starter files for the challenge, there you can find hsl colors, screen sizes and font names and sizes.But if you really want to discover the font usinf a jpeg theres some sites thst do that for you if you upload the image and say you the exact font.
This site find you the font with the jpeg image:
https://www.whatfontis.com/
Hope it helps and happy coding!
Marked as helpful0@emadbakryPosted over 2 years ago@correlucas omg i dont know how to thank you i always wondering what those files are about, i will explore them. you saved my day's time and make my day, i appreciate it. 🌹
0 - @ghintemaPosted over 2 years ago
Hi,
there are img not found... Do you know that? Further more: From semantical point of view its better to use <main> and <section> elements instead of only <div class="main-section">. Though technically this doesn't matter, of course... And yeah, its just a very small landingpage. But I think it's good to get used to the correct things early on... :)
Marked as helpful0@emadbakryPosted over 2 years ago@ghintema thank you so much for your feedback, can i ask you something? i uploaded every thing to a Github hosting but images dont work! what should i do? i am sure the paths are correct.😢
0@emadbakryPosted over 2 years ago@emadbakry i fixed it!
the first slash (/) of the image path makes it error for Github hosting but it does not make any effect on local opening like vs code or the browser. i dont know why.
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