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

0 vote144 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
4 votes156 views1 answer
How to move anything left in css
CSS
1 vote141 views1 answer
Css prevent margin collapsing
CSS
81 votes179 views3 answers
Css all uppercase to capitalize
CSS
0 vote157 views1 answer
.quform-sub-label
CSS
4 votes157 views3 answers
How to change background color in ElevateButton flutter
CSS
1 vote145 views1 answer
Mat stepper custom css
CSS
1 vote196 views1 answer
Linux remove files except
CSS
0 vote168 views1 answer
Delete after content css
CSS
15 votes146 views6 answers
Hr css
CSS