Simple font-face mixin scss

/* SCSS */
@mixin font-face($name, $file) {
   @font-face {
   font-family: "#{$name}";
   src: url("../fonts/#{$file}.eot");
   src: url("../fonts/#{$file}.eot?#iefix") format("embedded-opentype"),
   url("../fonts/#{$file}.woff") format("woff"),
   url("../fonts/#{$file}.ttf") format("truetype"),
   url("../fonts/#{$file}.svg?#webfont") format("svg");
 }
}

Source: developerdrive.com

Similar codes

3 votes310 views2 answers
Ignore cache pip
CSS
19 votes306 views6 answers
Map method
CSS
0 vote313 views1 answer
Border buttom color
CSS
0 vote259 views1 answer
Pointer bootstrap 4
CSS
7 votes293 views2 answers
Max z-index value css
CSS
0 vote357 views1 answer
Importing scss into vue component
CSS
0 vote342 views1 answer
Gradient 3 colors
CSS
1 vote277 views1 answer
@extend must be used with a %placeholder
CSS
0 vote309 views1 answer
Css background text clip
CSS
2 votes309 views2 answers
Xcel turn off scrool lock
CSS