1234567891011121314151617181920212223 |
- // Order of the includes matters, and it is: normal, bold, italic, bold+italic.
- @mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) {
- @font-face {
- font-family: $font-family;
- font-weight: $weight;
- font-style: $style;
- @if $asset-pipeline == true {
- src: font-url('#{$file-path}.eot');
- src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
- font-url('#{$file-path}.woff') format('woff'),
- font-url('#{$file-path}.ttf') format('truetype'),
- font-url('#{$file-path}.svg##{$font-family}') format('svg');
- } @else {
- src: url('#{$file-path}.eot');
- src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
- url('#{$file-path}.woff') format('woff'),
- url('#{$file-path}.ttf') format('truetype'),
- url('#{$file-path}.svg##{$font-family}') format('svg');
- }
- }
- }
|