- Place the font files under src/scss/fonts
- If the font is FontAwesome, it must be named fontawesome-webfont.*
- Include the fonts with the $font-face compass mixin, do not specify a path in the mixin
- Specify { font: build/fonts } in your compass config
- Modify your gulpfile.js, so that the build and distribution steps copy the fonts to build/, and dist/
If you did everything well: