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

3 votes294 views1 answer
Css input type size
CSS
0 vote322 views3 answers
Input adresse ville automatique
CSS
0 vote353 views1 answer
Css prevent grid blowout
CSS
8 votes339 views4 answers
Aos css animation
CSS
0 vote345 views1 answer
How to set image size without changing aspect ratio in css
CSS
-1 vote381 views6 answers
How to comment in css
CSS
0 vote327 views1 answer
Tail block css
CSS
42 votes399 views5 answers
Npm bootstrap
CSS Bootstrap
1 vote316 views1 answer
Show hide item based on display size
CSS
2 votes338 views1 answer
Bootstrap class="mb-3"
CSS