@mixin ui-font($font-family, $name, $weight) {
  @font-face {
    font-weight: $weight;
    font-family: $font-family;
    font-style: normal;
    src: url('#{$ui-resources-path}/fonts/#{$name}.woff2') format('woff2');
    font-display: swap;
  }
}

@mixin ui-font-specter {
  font-family: $ui-font-specter-regular;
}

@mixin ui-font-specter-medium {
  font-family: $ui-font-specter-medium;
}

@mixin ui-font-specter-bold {
  font-family: $ui-font-specter-bold;
}