Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Foundations Web Typography Web Fonts

ousmane Kamakate
ousmane Kamakate
5,280 Points

Web fonts and Icons issues.

I would like to know what happens when the teacher gets to the font squirrel websites. I am beginner which is the reason why i enrolled in this track and not the pro one. I expected the teacher not to skip any steps, but unfortunately he does skip quite a few important ones. I need step by step instructions as soon as he gets on font squirrel and icomoon.io. Thanks in advance.

Hi Ousmane,

Could you please specify exactly where you are hitting issues? With sites like icomoon or font squirrel it will be more helpful to other members answering your question if they know exactly what you are struggling with, I know you mention you need step by step instructions, but where exactly do you feel you are getting lost? In addition to other members being able to help you out, it may also be a benefit when planning future lessons on Treehouse as well. Thank you!

ousmane Kamakate
ousmane Kamakate
5,280 Points

Ok thanks for replying. When we get to font squirrel, what do i have to do. Do I download the @font-face kit like the teacher does. If so where do i store these files after downloading them. There are many files in the kit after extracting the files, so which files do i retain and which directory do i have to put them in. I have the same problem with the icomoon files. I am not sure if i have to download them and which directory they belong too. Hope this helps, thanks in advance.

Ousmane,

I think it would be very helpful for you to review the Using @font-face article on CSS Tricks. http://css-tricks.com/snippets/css/using-font-face/

It will demonstrate the files you need to use and the proper way to set it up in your CSS file. As mentioned, you can store these files within a directory in your project folder, typically called "fonts". Once you have worked through that if you are having difficulties post your code up for us to review and we can help you out.

ousmane Kamakate
ousmane Kamakate
5,280 Points

Thanks a lot for replying, i was able to better phrase my question. I was able to get the fonts done for the body and title. My main issue now is with the icon. So i get to icomoon i click on icomoon app on the right hand side of the page. It sends me to a page where i select the two icons. I would like to know if i have to make adjustment in the preference section. After i download the icons i extract the files and end up with many files but none of them is named icon. What do i do next, do i keep certain folders or files and do i send them in the directory that we are using for this assignment. Thanks in advance.

2 Answers

Hi Ousmane,

I guess you can save your fonts into a directory called '/fonts' or whatever that makes sense for you. As long as you specify the correct url when setting the @font-face declaration, everything should be fine.

I hope this helped. Best regards!

ousmane Kamakate
ousmane Kamakate
5,280 Points

Thanks a lot for replying, i was able to better phrase my question. I was able to get the fonts done for the body and title. My main issue now is with the icon. So i get to icomoon i click on icomoon app on the right hand side of the page. It sends me to a page where i select the two icons. I would like to know if i have to make adjustment in the preference section. After i download the icons i extract the files and end up with many files but none of them is named icon. What do i do next, do i keep certain folders or files and do i send them in the directory that we are using for this assignment. Thanks in advance.

ousmane Kamakate
ousmane Kamakate
5,280 Points

I was able to get the fonts done. My main issue now is with the icon. So i get to icomoon i click on icomoon app on the right hand side of the page. It sends me to a page where i select the two icons. I would like to know if i have to make adjustment in the preference section. After i download the icons i extract the files and end up with many files but none of them is named icon. What do i do next, do i keep certain folders or files and do i send them in the directory that we are using for this assignment. Thanks in advance.