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
Justin Rose
12,842 PointsTrouble with Foundation Icon Fonts
Hi im stuck trying to figure out how add my icon fonts to the ribbit marketing website. I have downloaded foundation 5 fonts and added that to the folder for my site. i also added the link in the head of my Document. Does anybody know why they don't appear?. i also added the class right to the div. any help would be appreciated.
thanks
6 Answers
Justin Rose
12,842 PointsI got it thank you for helping. The problem ended up being I put the fonts folder in my css folder so I had to refer to that in the head of index document. css/fonts/foundation-icons.css
Luke Pettway
16,593 PointsAre all the files in a flat structure? If they are all at the same level and not nested in different folders, the next thing I would look at are the elements you are applying the classes to. Typically you will use the <i> element, but since you are adding the styles to a div instead, it is possible another style could be overriding it.
Check your console and see if you get any errors, that will pinpoint any missing or misplaced files.
Check to make sure there isn't something overriding any of the fonts. They use an :after pseudo selector and element so it is possible that the element could have something overriding a needed style.
Do you get nothing or do you get empty rectangles?
Justin Rose
12,842 PointsI always get that empty rectangle in the top left corner where the icon should be
Luke Pettway
16,593 PointsAre any of those files inside of a folder?
Justin Rose
12,842 PointsI have my foundation-icons.css file in my css folder which is in the start folder I started using to make the ribbitt site
Luke Pettway
16,593 PointsAre the fonts in that folder as well?
Justin Rose
12,842 PointsI re downloaded it and put the fonts in the start folder and the foundation-icon.css file with the css that little rectangle still there