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 vote333 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
1 vote354 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
48 votes361 views3 answers
Red color rgb
CSS
18 votes479 views6 answers
Install bootstrap angular 9
CSS
-6 votes474 views7 answers
Css flex
CSS
0 vote433 views1 answer
Css pixel art
CSS
19 votes355 views3 answers
Change input placeholder text css
CSS
51 votes351 views6 answers
Css first element
CSS
0 vote374 views1 answer
Css display original image in smalle width
CSS
0 vote360 views1 answer
CSS background blur or glass effect
CSS