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

16 votes169 views2 answers
Center h1 css
CSS
0 vote161 views2 answers
How do img with same
CSS
3 votes118 views1 answer
Css scrollbar position to bottom
CSS
1 vote122 views1 answer
Css position absolute transition
CSS
1 vote127 views1 answer
How to keep background image sticky on top
CSS
0 vote144 views1 answer
Elementor vertical line
CSS
8 votes142 views1 answer
Full screen image
CSS
0 vote128 views1 answer
Css border up and down
CSS
-1 vote111 views2 answers
Bootstrap 4 popover content from div
CSS
0 vote129 views2 answers
Sass variables across files
CSS