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

2 votes243 views1 answer
Css resize image without distortion
CSS
1 vote236 views1 answer
What is the username password for ftp lampp
CSS
0 vote260 views1 answer
Calc css float to procent
CSS
1 vote259 views1 answer
Html list over three columns
CSS
-2 votes246 views1 answer
Sliding text css
CSS
0 vote235 views1 answer
Responsive typography
CSS
0 vote258 views2 answers
Css flex justify self
CSS
2 votes250 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote241 views1 answer
Sass scale color
CSS
19 votes260 views2 answers
How to underline font in css
CSS