@font-face {
  font-family: 'Apercu';
  font-style: bold;
  font-weight: 600;
  font-display: auto;
  src: local('Apercu Bold'), local('Apercu-Bold'), url('../fonts/apercu-bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Apercu';
  font-style: italic;
  font-weight: 600;
  font-display: auto;
  src: local('Apercu Bold Italic'), local('Apercu-BoldItalic'), url('../fonts/apercu-bolditalic.woff2') format('woff2');
}

@font-face {
  font-family: 'Apercu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Apercu Medium'), local('Apercu-Medium'), url('../fonts/apercu-medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Apercu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Apercu Regular'), local('Apercu-Regular'), url('../fonts/apercu-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Apercu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Apercu Italic'), local('Apercu-Italic'), url('../fonts/apercu-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Apercu Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Apercu Condensed Regular'), local('Apercu-Condensed-Regular'), url('../fonts/apercu-condensed-regular.woff2') format('woff2');
}