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

44 votes140 views6 answers
Select odd child css
CSS
0 vote117 views1 answer
What is bulletproof buttons
CSS
0 vote137 views1 answer
Css absolute from center and not corner
CSS
2 votes126 views1 answer
Large input box bootstrap 4
CSS
1 vote116 views2 answers
Css focus border radius
CSS
1 vote106 views1 answer
How to use rgba in css
CSS
0 vote141 views2 answers
How to insert icons pseudo content
CSS
0 vote114 views1 answer
CSS adding something next to a picture
CSS
3 votes109 views1 answer
Css scrollbar position to bottom
CSS
0 vote155 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS