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

5 votes211 views3 answers
Css box shadow not on bottom
CSS
0 vote225 views1 answer
Very responsive grid layout
CSS
3 votes234 views3 answers
Responsive text css
CSS
0 vote232 views1 answer
Éviter que l'on découvre l'identifiant d'un auteur
CSS
0 vote226 views1 answer
Center a spinner css
CSS
16 votes252 views4 answers
CSS Font-Family
CSS
0 vote223 views1 answer
Css for vertical height
CSS
1 vote243 views1 answer
Padding up down left right
CSS
4 votes223 views2 answers
Transition various properties css
CSS
16 votes205 views3 answers
Sass install
CSS