| $fauxtonFont: "{{fontname}}"; |
| |
| @font-face {font-family: "{{fontname}}"; |
| src: url('{{cssPath}}{{fontname}}.eot'); /* IE9*/ |
| src: url('{{cssPath}}{{fontname}}.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ |
| url("{{cssPath}}{{fontname}}.woff2") format("woff2"), |
| url("{{cssPath}}{{fontname}}.woff") format("woff"), |
| url('{{cssPath}}{{fontname}}.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ |
| url('{{cssPath}}{{fontname}}.svg#{{fontname}}') format('svg'); /* iOS 4.1- */ |
| font-weight: normal; |
| font-style: normal; |
| } |
| |
| [class^="{{prefix}}-"], [class*=" {{prefix}}-"] { |
| &[class*=" {{prefix}}-fw"] { |
| /* fixed-width class, based on Font Awesome's 'fa-fw' class */ |
| width: 1.25rem; |
| text-align: center; |
| display: inline-block; |
| } |
| |
| &:before { |
| display: inline-block; |
| font-family: '{{fontname}}' !important; |
| font-weight: normal; |
| font-style: normal; |
| font-variant: normal; |
| line-height: 1; |
| text-decoration: inherit; |
| text-rendering: optimizeLegibility; |
| text-transform: none; |
| |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| |
| } |
| } |
| |
| {{cssToVars}} |
| |
| {{cssString}} |
| |
