ihk24/templates/source/sass/webforms-component-modules/_fonts-mixin.scss

@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;
  }
}