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

1 vote292 views1 answer
Sass compressed style
CSS
1 vote320 views1 answer
Css animate background image
CSS
0 vote268 views1 answer
Css cap rows paragraph
CSS
8 votes328 views4 answers
CSS Grid Column
CSS
0 vote301 views1 answer
React exact path highlight
CSS
175 votes383 views6 answers
Css image background
CSS
43 votes281 views6 answers
Blur background css
CSS
126 votes436 views5 answers
React Bootstrap css import
CSS Bootstrap
-1 vote328 views2 answers
Css clip path text
CSS
39 votes310 views3 answers
How to do a background blur in css
CSS