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

6 votes167 views5 answers
Object fit css
CSS
2 votes214 views1 answer
How to distribute vertically the items in css
CSS
1 vote142 views1 answer
Css selector not contain
CSS
0 vote171 views2 answers
Roles
CSS
0 vote154 views1 answer
How to allow text to be copied in an input element ionic
CSS
0 vote198 views1 answer
Padding is make biger elment
CSS
1 vote147 views1 answer
Css erase text
CSS
0 vote158 views2 answers
Css make bottom of the div triangle
CSS
0 vote159 views1 answer
How create checkbox ui like disabled checkbox using css
CSS
5 votes157 views3 answers
Background-image linear gradient and border radius
CSS