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

37 votes117 views6 answers
Overflow in css
CSS
1 vote108 views1 answer
How to remove markers in css
CSS
0 vote107 views1 answer
Trim background image css
CSS
0 vote115 views1 answer
@font-face
CSS
0 vote100 views1 answer
Td wrap text without space
CSS
70 votes98 views6 answers
Button href
CSS
25 votes98 views4 answers
Remove outline
CSS
5 votes118 views2 answers
How to make a diamond with border radius
CSS
0 vote115 views1 answer
Chrome close tab after print
CSS
1 vote129 views1 answer
Css fixed center vertical
CSS