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 michael apprich
michael apprich
1,467 Points

Error: Undefined Variable: "$family".

I keep getting this error message when trying to load my page. I'm certain I followed the instructions but I can't seem to find where I went wrong.

@mixins font-face($family, $file) { @font-face { font-family: $family; src: url('#{$path-fonts}/#{$file}-webfont.eot'); src: url('#{$path-fonts}/#{$file}-webfont.eot?#iefix') format('embedded-opentype'), url('#{$path-fonts}/#{$file}-webfont.woff') format('woff'), url('#{$path-fonts}/#{$file}-webfont.ttf') format('truetype'); } }

1 Answer

Max Weir
Max Weir
14,963 Points

Have you set a variable for $family?

I think the variable for $family might be missing from your setup. Also double check for the use of @mixins vs @mixin.

michael apprich
michael apprich
1,467 Points

yeah it was the use of mixins instead of mixin. /facepalm thank you!