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

2 votes319 views2 answers
Box shadow css transition
CSS
0 vote308 views1 answer
Css broken image has top margin?
CSS
12 votes293 views4 answers
Sticky header
CSS
7 votes310 views2 answers
Sass mixin
CSS
0 vote309 views1 answer
Slect all li that not have ul
CSS
0 vote287 views1 answer
Copy html css from website
CSS
34 votes310 views6 answers
Color gradient for text
CSS
0 vote321 views1 answer
CSS menu list with underline hover animation
CSS
7 votes302 views2 answers
Css comic sans
CSS
0 vote302 views1 answer
Losange css
CSS