@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url(../woff2/Atkinson-Hyperlegible-Regular-101.woff2) format('woff2'),
       url(../woff/Atkinson-Hyperlegible-Regular-101.woff) format('woff'),
       url(../ttf/Atkinson-Hyperlegible-Regular-101.ttf) format('ttf'),
       url(../svg/Atkinson-Hyperlegible-Regular-101.svg) format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url(../woff2/Atkinson-Hyperlegible-Bold-101.woff2) format('woff2'),
       url(../woff/Atkinson-Hyperlegible-Bold-101.woff) format('woff'),
       url(../ttf/Atkinson-Hyperlegible-Bold-101.ttf) format('ttf'),
       url(../svg/Atkinson-Hyperlegible-Bold-101.svg) format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url(../woff2/Atkinson-Hyperlegible-Italic-101.woff2) format('woff2'),
       url(../woff/Atkinson-Hyperlegible-Italic-101.woff) format('woff'),
       url(../ttf/Atkinson-Hyperlegible-Italic-101.ttf) format('ttf'),
       url(../svg/Atkinson-Hyperlegible-Italic-101.svg) format('svg');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url(../woff2/Atkinson-Hyperlegible-BoldItalic-101.woff2) format('woff2'),
       url(../woff/Atkinson-Hyperlegible-BoldItalic-101.woff) format('woff'),
       url(../ttf/Atkinson-Hyperlegible-BoldItalic-101.ttf) format('ttf'),
       url(../svg/Atkinson-Hyperlegible-BoldItalic-101.svg) format('svg');
  font-weight: 700;
  font-style: italic;
}