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

13 votes311 views6 answers
Line css
CSS
0 vote301 views1 answer
New line ::after class
CSS
0 vote326 views1 answer
Css beutify scroller
CSS
44 votes297 views6 answers
Remove underline from hyperlink
CSS
1 vote295 views1 answer
Remove grayscale no filter css
CSS
5 votes304 views5 answers
Disable text selection
CSS
1 vote303 views2 answers
Inline border css reactjs
CSS
0 vote317 views1 answer
Css good font color
CSS
0 vote302 views1 answer
Css make ul on multiple lines
CSS
1 vote280 views1 answer
-mos css
CSS