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 vote224 views1 answer
How to change a checkbox to be selected
CSS
38 votes209 views6 answers
Gradient text color css
CSS
37 votes205 views4 answers
Select even child css
CSS
0 vote230 views1 answer
Initialize toast
CSS
0 vote270 views1 answer
Ratio bootstrap
CSS Bootstrap
24 votes244 views4 answers
Use woff2 font in css
CSS
1 vote243 views1 answer
How to validate mail adress css
CSS
17 votes220 views1 answer
Css flex center horizontally and vertically
CSS
26 votes242 views5 answers
Css multiple classes
CSS
0 vote202 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS