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

Elena Paraschiv
Elena Paraschiv
9,938 Points

Font formats TTF, EOT, WOFF,SVG in the @font-face kit

HEj I cannot seem to find the @font-face kit anymore, that has the above formats when I use the website fontsquirril.com. Instead I just find ttf and otf formats.

On caniuse.com I find that TTF/OTF have the same browser support, except for Opera Mini and IE 8. I was wondering if it is necessary these days to find the other formats such as : EOT, SVF and WOFF and how to do that using font squrril?

how Guild font folder looks after using @ font-face kit compared to mine

3 Answers

Cosmin Cioaclă
Cosmin Cioaclă
21,339 Points

The @font-face kit is not available on font squirrel for the font you have chosen.

If you pick Open Sans instead (for example), you will be given the option to download the kit.

My advice: use Google Fonts

Elena Paraschiv
Elena Paraschiv
9,938 Points

Thanks. That works out. Why would you use only Google Fonts ? Did you experience problems with other ones ?

Cosmin Cioaclă
Cosmin Cioaclă
21,339 Points

I'm not saying to just use Google Fonts.

For free fonts though, they are the most friendly solution in terms of ease of use.

Elena Paraschiv
Elena Paraschiv
9,938 Points

Ok. Thanks for the input Cosmin