| // 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'); |
| } |
| } |
| } |