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 votes208 views2 answers
How to justify grid childe in the center
CSS
4 votes186 views1 answer
How to make image not repeat on background
CSS
6 votes237 views2 answers
Css border
CSS
0 vote202 views1 answer
Apply image as full screen responsive background
CSS
0 vote187 views1 answer
Comentarios en archivo scss
CSS
0 vote198 views1 answer
How to solve your coading bugs
CSS
17 votes202 views2 answers
Filter: alpha(opacity=0);
CSS
0 vote195 views1 answer
Font-display css google fonts
CSS
42 votes194 views4 answers
Css center div in page
CSS
0 vote188 views1 answer
Color custom css use in laravel
CSS