@charset "UTF-8"; // Definition eines Fonts. // // @name Name der Font-Familie // @param $url die Url zum Font (ohne ../fonts/ und ohne Dateiendung) @mixin font-definition($name, $url, $weight: 400, $style: normal) { @font-face { font-family: $name; src: url("../../../../fonts/#{$url}.eot"); src: url("../../../../fonts/#{$url}.eot?#iefix") format('embedded-opentype'), url("../../../../fonts/#{$url}.woff2") format('woff2'), url("../../../../fonts/#{$url}.woff") format('woff'), url("../../../../fonts/#{$url}.ttf") format('truetype'), url("../../../../fonts/#{$url}.svg##{$name}") format('svg'); font-weight: $weight; font-style: $style; font-display: swap; } .#{$name} { font-family: "#{$name}", "Helvetica", "Arial", sans-serif; } } // Fonts @mixin font-family($value) { font-family: $value, "Helvetica", "Arial", "sans-serif"; @if $value == korbregular { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @else if $value == korbbold { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } }