Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Framework Basics Prototyping with Foundation Working with Icon Fonts

Dean Conway
Dean Conway
3,301 Points
Posted by Dean Conway
Dean Conway
3,301 Points

My font icons are not showing up in the browser

In the Frameworks basics course

There is a video showing how to add icon fonts to your index.html file while utilising the foundation icons font set, but even after adding all the necessary classes, css, and fonts folder, my icons are still not showing up?

3 Answers

Dean Conway
Dean Conway
3,301 Points
Dean Conway
Dean Conway
3,301 Points

Hi Richard,

It's ok In between posting this question and your reply, I managed to work out why it was not working.

What they did not tell you in the video is that to get your font icons showing up in the browser, after downloading all the necessary font files is that you need to open up the "foundation-icons.css" (found inside the css directory ) file in a code editor and inside that file you need to update each of the src url paths by prefixing each of them with ../fonts/ this was previously left off so my browser did not know where to find each of the "woff", "ttf", "eot" etc files hence why my icons where not showing up, feels good to have worked this out for my self though :)

But thanks for offering to help out though Richard, much appreciated.

Michael Walker
Michael Walker
45,428 Points
Michael Walker
Michael Walker
45,428 Points

Way to go Dean! Your self-help actually help me as well!

Richard Nicholls
Richard Nicholls
1,301 Points
Richard Nicholls
Richard Nicholls
1,301 Points

Can you share your code so we can see where the problem lies

Richard Nicholls
Richard Nicholls
1,301 Points
Richard Nicholls
Richard Nicholls
1,301 Points

At least you sorted it and left the solution here for anyone else that has the same problem