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

18 votes260 views2 answers
How to make a game engine
CSS
0 vote249 views1 answer
Keyframe fade down css
CSS
24 votes267 views2 answers
Css grid align
CSS
17 votes271 views3 answers
Css hover mouse hand
CSS
5 votes261 views1 answer
Hidden elements blinking on hover
CSS
0 vote261 views1 answer
Install wrangler
CSS
0 vote272 views1 answer
Flex box writing sideways text top to bottom
CSS
0 vote273 views1 answer
Css opacité fond mais pas texte
CSS
9 votes314 views3 answers
Bootstrap blue outline button
CSS Bootstrap
18 votes273 views6 answers
Text outline css
CSS