我认为更好的方法是声明一个名为_fontface.scss 然后把下面的代码块放在那里-

@mixin fontFace($family,$src,$style: normal,$weight: normal) {
    @font-face {
        font-family: $family;
        src: url(\'#{$src}.eot\'); // IE9 compat
        src: url(\'#{$src}.eot?#iefix\') format(\'embedded-opentype\'), // IE8 and below
            url(\'#{$src}.woff\') format(\'woff\'), // standards
            url(\'#{$src}.ttf\') format(\'truetype\'), // Safari, Android, iOS
            url(\'#{$src}.svg##{$family}\') format(\'svg\'); // legacy iOS

        font-style: $style;
        font-weight: $weight;
    }
}

@import \'fontface\';
@include fontFace(\'YourFont\',\'font/yourfont\');