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

0 vote263 views1 answer
Nuxt add css file
CSS
4 votes286 views2 answers
Add background overlay over background image
CSS
0 vote334 views1 answer
Materialize css form file input
CSS Materialize
0 vote268 views1 answer
Css safari remove scrollbar
CSS
3 votes266 views2 answers
Css onclick change color
CSS
33 votes205 views21 answers
Laravel clear cache
CSS
1 vote303 views2 answers
Css clearfix for floats with display table and clear both
CSS
11 votes284 views4 answers
Background image css fill screen
CSS
42 votes302 views5 answers
Split text javascript
CSS
0 vote292 views1 answer
Ordered list indent
CSS