scss 字体自定义引入

Posted 2021-05-18

@mixin font_insert($name, $fileName){
    @font-face {
        font-family: $name;
        src: url('_fonts/#{$fileName}.ttf'),url('_fonts/#{$fileName}.eot');/* IE9+ */
        src/*\**/:url('_fonts/#{$fileName}.eot')\9;
    }
}

//The whole font family
$ff_FuturaLT: "Futura",sans-serif;
$ff_KiwiSchoolHandwriting: "KiwiSchoolHandwriting",sans-serif;
$ff_JosefinSlab: "JosefinSlab",sans-serif;
$ff_Avenir: "Avenir",sans-serif;


@include font_insert(KiwiSchoolHandwriting, KiwiSchoolHandwriting-Regular);
@include font_insert(JosefinSlab, JosefinSlab-Regular);
@include font_insert(Avenir, AvenirNextLTPro-Regular);
@include font_insert(Futura, Futura-Light-BT);