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 vote259 views1 answer
CSS class inheritance
CSS
6 votes245 views3 answers
How to add a background overlay in css
CSS
1 vote241 views2 answers
Round one side of div css
CSS
5 votes214 views2 answers
Remove bootstrap button outline
CSS
3 votes245 views3 answers
Responsive text css
CSS
0 vote233 views1 answer
Material icons after css
CSS
0 vote240 views1 answer
Css layers over background-images
CSS
1 vote235 views1 answer
Remove grayscale no filter css
CSS
0 vote248 views1 answer
Css change browser color
CSS
-7 votes309 views6 answers
Css all flex properties
CSS