/*------------------------------------------------------------------ [Fonts - Roboto] */ @mixin roboto-font($type, $weight, $style) { @font-face { font-family: 'Roboto'; src: url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.eot")); src: local('Roboto #{$type}'), local('Roboto-#{$type}'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.eot?#iefix")) format('embedded-opentype'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.woff2")) format('woff2'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.woff")) format('woff'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.ttf")) format('truetype'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.svg#Roboto")) format('svg'); font-weight: $weight; font-style: $style; } @font-face { font-family: 'Roboto-#{$type}'; src: url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.eot")); src: local('Roboto #{$type}'), local('Roboto-#{$type}'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.eot?#iefix")) format('embedded-opentype'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.woff2")) format('woff2'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.woff")) format('woff'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.ttf")) format('truetype'), url(asset_path("#{$roboto-font-path}/Roboto-#{$type}.svg#Roboto")) 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);