/* Neue Haas Grotesk Display
   put fonts in: /wp-content/themes/yourtheme/assets/fonts/
*/

@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-15xxthin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-16xxthinitalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* extra thin (slightly heavier than 15xx) */
@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-25xthin.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-26xthinitalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* thin */
@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-35thin.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-36thinitalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* light */
@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-45light.otf') format('opentype');
  font-weight: 300; /* or 350 if you want to distinguish */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-46lightitalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* roman (normal) */
@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-55roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-56italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* medium */
@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-65medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-66mediumitalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* bold */
@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-75bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-76bolditalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* black */
@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-95black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Disp';
  src: url('../fonts/neuehaasgrotdisp-96blackitalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}