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

4 votes230 views2 answers
Bootstrap icons sdn
CSS Bootstrap
6 votes146 views3 answers
Inner box shadow
CSS
0 vote159 views1 answer
Bash list all npm processes
CSS
1 vote118 views1 answer
Why are suacer pans made of bakelite
CSS
0 vote140 views1 answer
Devextreme css
CSS
4 votes154 views1 answer
Css selector every child except last
CSS
12 votes144 views2 answers
How to center element in bulma
CSS
-2 votes158 views1 answer
Does boxshadow work
CSS
0 vote145 views1 answer
Sub menu disappears on hover css
CSS
1 vote144 views2 answers
Ease-in in css
CSS