@font-face {
  font-family: 'OpenDyslexic';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(OpenDyslexic-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'OpenDyslexic';
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: url(OpenDyslexic-Italic.otf) format('opentype');
}

@font-face {
  font-family: 'OpenDyslexic';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(OpenDyslexic-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'OpenDyslexic';
  font-style: italic;
  font-weight: bold;
  font-display: swap;
  src: url(OpenDyslexic-BoldItalic.otf) format('opentype');
}