|
1 | 1 | // FONT STACK |
2 | 2 | // -------------------------------------------------------------------------------------------- |
3 | 3 | // Use the mixin to include fonts. |
4 | | - |
5 | 4 | @mixin font-family($font-name, $font-weight, $font-style, $font-url, $font-file) { |
6 | 5 | @font-face { |
7 | | - font-family: '#{$font-name}'; |
8 | | - src: url('#{$font-url}#{$font-file}.eot'); |
9 | | - src: url('#{$font-url}#{$font-file}.eot?#iefix') format('embedded-opentype'), |
10 | | - url('#{$font-url}#{$font-file}.woff') format('woff'), |
11 | | - url('#{$font-url}#{$font-file}.ttf') format('truetype'), |
12 | | - url('#{$font-url}.svg##{$font-file}') format('svg'); |
13 | | - font-weight: $font-weight; |
14 | | - font-style: $font-style; |
| 6 | + font-family: '#{$font-name}'; |
| 7 | + src: url('#{$font-url}#{$font-file}.eot'); |
| 8 | + src: url('#{$font-url}#{$font-file}.eot?#iefix') format('embedded-opentype'), |
| 9 | + url('#{$font-url}#{$font-file}.woff') format('woff'), |
| 10 | + url('#{$font-url}#{$font-file}.ttf') format('truetype'), |
| 11 | + url('#{$font-url}#{$font-file}.svg##{$font-name}') format('svg'); |
| 12 | + font-weight: $font-weight; |
| 13 | + font-style: $font-style; |
15 | 14 | } |
16 | 15 | } |
17 | 16 |
|
|
30 | 29 | // 900 Black (Heavy) |
31 | 30 |
|
32 | 31 | // Roboto |
33 | | -@include font-family('Roboto', 900, normal, '~/src/assets/fonts/roboto/', 'roboto-black'); |
34 | | -@include font-family('Roboto', 900, italic, '~/src/assets/fonts/roboto/', 'roboto-blackitalic'); |
| 32 | +@include font-family('Roboto', 900, normal, '../assets/fonts/roboto/', 'roboto-black'); |
| 33 | +@include font-family('Roboto', 900, italic, '../assets/fonts/roboto/', 'roboto-blackitalic'); |
35 | 34 |
|
36 | | -@include font-family('Roboto', 700, normal, '~/src/assets/fonts/roboto/', 'roboto-bold'); |
37 | | -@include font-family('Roboto', 700, italic, '~/src/assets/fonts/roboto/', 'roboto-bolditalic'); |
| 35 | +@include font-family('Roboto', 700, normal, '../assets/fonts/roboto/', 'roboto-bold'); |
| 36 | +@include font-family('Roboto', 700, italic, '../assets/fonts/roboto/', 'roboto-bolditalic'); |
38 | 37 |
|
39 | | -@include font-family('Roboto', 500, normal, '~/src/assets/fonts/roboto/', 'roboto-medium'); |
40 | | -@include font-family('Roboto', 500, italic, '~/src/assets/fonts/roboto/', 'roboto-mediumitalic'); |
| 38 | +@include font-family('Roboto', 500, normal, '../assets/fonts/roboto/', 'roboto-medium'); |
| 39 | +@include font-family('Roboto', 500, italic, '../assets/fonts/roboto/', 'roboto-mediumitalic'); |
41 | 40 |
|
42 | | -@include font-family('Roboto', 400, normal, '~/src/assets/fonts/roboto/', 'roboto-regular'); |
43 | | -@include font-family('Roboto', 400, italic, '~/src/assets/fonts/roboto/', 'roboto-italic'); |
| 41 | +@include font-family('Roboto', 400, normal, '../assets/fonts/roboto/', 'roboto-regular'); |
| 42 | +@include font-family('Roboto', 400, italic, '../assets/fonts/roboto/', 'roboto-italic'); |
44 | 43 |
|
45 | | -@include font-family('Roboto', 300, normal, '~/src/assets/fonts/roboto/', 'roboto-light'); |
46 | | -@include font-family('Roboto', 300, italic, '~/src/assets/fonts/roboto/', 'roboto-lightitalic'); |
| 44 | +@include font-family('Roboto', 300, normal, '../assets/fonts/roboto/', 'roboto-light'); |
| 45 | +@include font-family('Roboto', 300, italic, '../assets/fonts/roboto/', 'roboto-lightitalic'); |
47 | 46 |
|
48 | | -@include font-family('Roboto', 100, normal, '~/src/assets/fonts/roboto/', 'roboto-thin'); |
49 | | -@include font-family('Roboto', 100, italic, '~/src/assets/fonts/roboto/', 'roboto-thinitalic'); |
| 47 | +@include font-family('Roboto', 100, normal, '../assets/fonts/roboto/', 'roboto-thin'); |
| 48 | +@include font-family('Roboto', 100, italic, '../assets/fonts/roboto/', 'roboto-thinitalic'); |
0 commit comments