// ------------------------------------------------------------------ // Roboto // ------------------------------------------------------------------ $roboto-font-path: '../fonts/Roboto'; @mixin roboto-font($type, $weight, $style) { @font-face { font-family: 'Roboto'; src: url('/web_enterprise/static/src/scss/'); src: url('/web_enterprise/static/src/scss/?#iefix') format('embedded-opentype'), url('/web_enterprise/static/src/scss/') format('woff'), url('/web_enterprise/static/src/scss/') format('truetype'), url('/web_enterprise/static/src/scss/') format('svg'); font-weight: $weight; font-style: $style; } @font-face { font-family: 'Roboto-#{$type}'; src: url('/web_enterprise/static/src/scss/'); src: url('/web_enterprise/static/src/scss/?#iefix') format('embedded-opentype'), url('/web_enterprise/static/src/scss/') format('woff'), url('/web_enterprise/static/src/scss/') format('truetype'), url('/web_enterprise/static/src/scss/') format('svg'); } } @mixin roboto-font-pair($type, $weight) { @include roboto-font('#{$type}', $weight, normal); @include roboto-font('#{$type}Italic', $weight, italic); } @include roboto-font-pair('Thin', 100); @include roboto-font-pair('Light', 300); @include roboto-font-pair('Regular', 400); @include roboto-font-pair('Medium', 500); @include roboto-font-pair('Bold', 700); @include roboto-font-pair('Black', 900);