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

0 vote187 views1 answer
CSS fluid type sizing based on viewport
CSS
1 vote208 views2 answers
How to make background more darker with css
CSS
36 votes195 views5 answers
Text-color gradient css
CSS
0 vote175 views1 answer
Circular div css
CSS
0 vote207 views1 answer
Css battle 54 char
CSS
9 votes186 views5 answers
How to make a triangle in css
CSS
18 votes180 views5 answers
Col-md-6 bootstrap
CSS
0 vote175 views2 answers
Mask image css
CSS
4 votes195 views1 answer
Clealyrun
CSS
8 votes169 views2 answers
CSS change image height
CSS