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 Foundations Web Typography Web Fonts

Posted by Colin Kearns
Colin Kearns
6,135 Points

Web Font Icons

So in this lesson, I have downloaded the font-family and am adding it to the style sheet, as shown, but he just breezes over the different formats and quickly copies them in from off screen, and it is unclear to me where he is getting these. The file path i understand, but how does he know to include the '?#iefix') format('embedded-opentype')? Is it always these same formats that must be included? 

```@font-face {
    font-family: "DroidSerifBold";
    src: url('fonts/DroidSerif-Bold-webfont.eot');
    src: url('fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSerif-Bold-webfont.woff') format ('woff'),
         url('fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
    font-weight: bold;
    font-style: normal;```

5 Answers

David Curtis
David Curtis
11,301 Points
David Curtis
David Curtis
11,301 Points

this are provided to you from the font provider, so he was just copy and pasting what was provided. the style may vary from font to font, so it may not always have #iefix if there is no need for it, or if another font provider does it differently.

Colin Kearns
Colin Kearns
6,135 Points
Colin Kearns
Colin Kearns
6,135 Points

thanks David Curtis , that makes sense.

Anika Jaffara
Anika Jaffara
20,364 Points
Anika Jaffara
Anika Jaffara
20,364 Points

That's what I was thought, but I was a bit thrown too. So... from WHERE did he copy what he pasted?

David Curtis
David Curtis
11,301 Points
David Curtis
David Curtis
11,301 Points

you don't have to download this font - google provides it for free. you can link to it here: http://www.google.com/fonts#UsePlace:use/Collection:Droid+Serif:400,700

like this: <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>

ousmane Kamakate
ousmane Kamakate
5,280 Points
ousmane Kamakate
ousmane Kamakate
5,280 Points

Does he saves the css3 and html icon on its computer, thanks in advance.