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


Harry Abernethy
Harry Abernethy
10,007 Points

@fontface I.E and Edge Issue.

OK so been trying to work this out for a long time now and every article I read doesn't work tried and tried again I'm going insane.

So I'm using the @fontface rule in css to add my custom font but it will always never wor on I.E and Edge.

here is the code I have:


@font-face {
    font-family: 'bebas_neueregular';
    src: url('..//fonts/bebasneue-webfont.eot');
    src: url('..//fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('..//fonts/bebasneue-webfont.woff2') format('woff2'),
         url('..//fonts/bebasneue-webfont.woff') format('woff'),
         url('..//fonts/bebasneue-webfont.ttf') format('truetype'),
         url('..//fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');

If you can help me fix this issue I will love you forever.

Harry Abernethy
Harry Abernethy
10,007 Points

This issue has been resolved. Turns out the @fontface rule did not apply when within a mediaquerie. I hate myself so much for not spotting that before :P