@font-face {
  font-family: 'Whyte';
  src: url('ArtlogicWhyte-Light.otf');
  src: url('ArtlogicWhyte-Light.otf?#iefix') format('opentype'),
      url('ArtlogicWhyte-Light.woff2') format('woff2'),
      url('ArtlogicWhyte-Light.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('ArtlogicWhyte-Book.otf');
  src: url('ArtlogicWhyte-Book.otf?#iefix') format('opentype'),
      url('ArtlogicWhyte-Book.woff2') format('woff2'),
      url('ArtlogicWhyte-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('ArtlogicWhyte-Regular.otf');
  src: url('ArtlogicWhyte-Regular.otf?#iefix') format('opentype'),
      url('ArtlogicWhyte-Regular.woff2') format('woff2'),
      url('ArtlogicWhyte-Regular.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'WhyteInktrap';
  src: url('ArtlogicWhyteInktrap-Light.otf');
  src: url('ArtlogicWhyteInktrap-Light.otf?#iefix') format('opentype'),
      url('ArtlogicWhyteInktrap-Light.woff2') format('woff2'),
      url('ArtlogicWhyteInktrap-Light.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WhyteInktrap';
  src: url('ArtlogicWhyteInktrap-Book.otf');
  src: url('ArtlogicWhyteInktrap-Book.otf?#iefix') format('opentype'),
      url('ArtlogicWhyteInktrap-Book.woff2') format('woff2'),
      url('ArtlogicWhyteInktrap-Book.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WhyteInktrap';
  src: url('ArtlogicWhyte-Regular.otf');
  src: url('ArtlogicWhyte-Regular.otf?#iefix') format('opentype'),
      url('ArtlogicWhyte-Regular.woff2') format('woff2'),
      url('ArtlogicWhyte-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}