/* @font-face {
  font-family: "Harber";
  src: url(HARBER.ttf);
} */

@font-face {
  font-family: 'Harber';
  src: url('HARBER.woff2') format('woff2-variations'),
        url('HARBER.woff2') format('woff2'),
        url('HARBER.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/**
 * CSS for HARBER
 * Generated by Wakamai Fondue - https://wakamaifondue.com
 * by Roel Nieskens/PixelAmbacht - https://pixelambacht.nl
 */

/* Set custom properties for each layout feature */
:root {
  --harber-aalt: "aalt" off;
  --harber-frac: "frac" off;
  --harber-ordn: "ordn" off;
  --harber-sups: "sups" off;
}

/* If class is applied, update custom property and
 apply modern font-variant-* when supported */
.harber-aalt {
  --harber-aalt: "aalt" on;
}

.harber-frac {
  --harber-frac: "frac" on;
}

@supports (font-variant-numeric: diagonal-fractions) {
  .harber-frac {
      --harber-frac: "____";
      font-variant-numeric: diagonal-fractions;
  }
}

.harber-ordn {
  --harber-ordn: "ordn" on;
}

@supports (font-variant-numeric: ordinal) {
  .harber-ordn {
      --harber-ordn: "____";
      font-variant-numeric: ordinal;
  }
}

.harber-sups {
  --harber-sups: "sups" on;
}

@supports (font-variant-position: super) {
  .harber-sups {
      --harber-sups: "____";
      font-variant-position: super;
  }
}

/* Apply current state of all custom properties
 whenever a class is being applied */
.harber-aalt,
.harber-frac,
.harber-ordn,
.harber-sups {
  font-feature-settings: var(--harber-aalt), var(--harber-frac), var(--harber-ordn), var(--harber-sups);
}

/* Variable instances */
.harber-thin {
  font-variation-settings: "wght" 0, "slnt" 0, "VVLM" 0, "NSSS" 0, "OPTS" 0;
}

.harber-light {
  font-variation-settings: "wght" 2, "slnt" 0, "VVLM" 0, "NSSS" 0, "OPTS" 0;
}

.harber-regular {
  font-variation-settings: "wght" 5, "slnt" 0, "VVLM" 0, "NSSS" 0, "OPTS" 0;
}

.harber-medium {
  font-variation-settings: "wght" 9, "slnt" 0, "VVLM" 0, "NSSS" 0, "OPTS" 0;
}

.harber-bold {
  font-variation-settings: "wght" 14, "slnt" 0, "VVLM" 0, "NSSS" 0, "OPTS" 0;
}

.harber-black {
  font-variation-settings: "wght" 20, "slnt" 0, "VVLM" 0, "NSSS" 0, "OPTS" 0;
}