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

Posted by Graham Davidson
Graham Davidson
Courses Plus Student 14,966 Points

font-face issues

Hi There

I am building a small mobile site for a client - we built their main site which can be found at http://www.sheephavenbaycamden.co.uk/

The mobile site at the moment is http://plusonetesting.co.uk/sheepMobile/#about

If you look at the bottom of this page in the orange box there is a <h3> which has font-family: 'ribeyeregular'; set with the font being in the same directory as the style sheet and using

@font-face {
    font-family: 'ribeyeregular';
    src: url('ribeye-regular-webfont.eot');
    src: url('ribeye-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('ribeye-regular-webfont.woff') format('woff'),
     url('fonts/ribeye-regular-webfont.ttf') format('truetype'),
     url('ribeye-regular-webfont.svg#ribeyeregular') format('svg');
     font-weight: normal;
    font-style: normal;
}

at the top of my css - can someone tell me why this is not taking effect on the <h3> as it works perfectly on the main site.

Thanks

G

1 Answer

samiff
samiff
31,206 Points
samiff
samiff
31,206 Points

Are you sure your source locations are correct in mobile.css?

src: url('fonts/ribeye-regular-webfont.eot');

vs

src: url('ribeye-regular-webfont.eot');