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 CSS Layout Techniques Flexbox Layout Animating Flexbox

Lindyanne Ehrnrooth
Lindyanne Ehrnrooth
10,730 Points
Posted by Lindyanne Ehrnrooth
Lindyanne Ehrnrooth
10,730 Points

I am trying to add different icons to my site and can't get them to display.

I just get a little square. I have downloaded the fonts, put them in my project, linked to them in html and css as I thought Guil had explained but simply cannot get them to display.

1 Answer

Robert Richey
PLUS
Robert Richey
Courses Plus Student 16,352 Points
Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

Hi Lindyanne Ehrnrooth,

Usually when you see those small boxes, it's because the page is trying to display an image it can't find. Without seeing any code, I can only guess perhaps the path to the images may not be correct.

Lindyanne Ehrnrooth
Lindyanne Ehrnrooth
10,730 Points
Lindyanne Ehrnrooth
Lindyanne Ehrnrooth
10,730 Points

Thanks Robert, I did realize later that I hadn't done that. This is my first post in the forum. I can see the icons displaying perfectly in Safari, opera, chrome but just not in my default browser, Firefox, so I have to assume it is something to do with Firefox.