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 vote163 views1 answer
Remove effect off animation css
CSS
2 votes193 views8 answers
Bootstrap 5
CSS Bootstrap
1 vote148 views1 answer
Css select part of class name
CSS
0 vote133 views1 answer
Absolute vertical middle quasar
CSS
0 vote132 views1 answer
Tailwindcss tutorial
CSS
2 votes130 views1 answer
Css image transform flip mirror
CSS
0 vote136 views1 answer
Scss global class
CSS
2 votes125 views1 answer
Clamp margin
CSS
0 vote124 views1 answer
Taille texte css
CSS
0 vote142 views1 answer
How to disable keyboard in windows 10
CSS