/*
    Load fonts in this file using @font-face.

    Fonts should go in: /fonts directory

    NOTE Don't forget to add font family name in /js/fonts.js file.

    Example:

    @font-face {
        font-family: 'My Font';
        src: url('../fonts/MyFont.woff2') format('woff2');
        font-style: normal;
        font-weight: 400;
        font-display: swap;
    }

    Font Weights:
        100 - Thin
        200 - Extra Light (Ultra Light)
        300 - Light
        400 - Normal
        500 - Medium
        600 - Semi Bold (Demi Bold)
        700 - Bold
        800 - Extra Bold (Ultra Bold)
        900 - Black (Heavy)
*/

/* Helvetica Neue */

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/neue-helvetica-pro-roman.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/neue-helvetica-pro-italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/neue-helvetica-pro-bold.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/neue-helvetica-pro-italic-bold.woff2') format('woff2');
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/neue-helvetica-pro-light.woff2') format('woff2');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/neue-helvetica-pro-light-italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/neue-helvetica-pro-medium.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/neue-helvetica-pro-medium-italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

/* Denton */

@font-face {
  font-family: 'Denton';
  src: url('../fonts/denton-light.woff2') format('woff2');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Denton';
  src: url('../fonts/denton-light-italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}