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

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