by

Font-Face

Font-Face: 
font-face.scss
Copy Embed Code
<iframe id="embedFrame" style="width:600px; height:300px;"
src="https://www.snip2code.com/Embed/269329/Font-Face?startLine=0"></iframe>
Click on the embed code to copy it into your clipboard Width Height
Leave empty to retrieve all the content Start End
/ Mixin @mixin font-face($name, $url) { @font-face { font-family: #{$name}; src: url("#{$url}.eot"); src: url("#{$url}.eot#iefix") format("embedded-opentype"), url("#{$url}.ttf") format("truetype"), url("#{$url}.svg##{$name}") format("svg"), url("#{$url}.woff") format("woff"); @content; } } // Usage @include font-face("icons", "../fonts/icons/iconfont"); // Result @font-face { font-family: icons; src: url("../fonts/icons/iconfont.eot"); src: url("../fonts/icons/iconfont.eot#iefix") format("embedded-opentype"), url("../fonts/icons/iconfont.ttf") format("truetype"), url("../fonts/icons/iconfont.svg#icons") format("svg"), url("../fonts/icons/iconfont.woff") format("woff"); }
If you want to be updated about similar snippets, Sign in and follow our Channels

blog comments powered by Disqus