@font-face {
  font-display: swap;
  font-family: OpenDyslexic;
  font-style: normal;
  font-weight: 400;
  src:
    local('OpenDyslexic Regular'),
    url('@fontsource/opendyslexic/files/opendyslexic-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: OpenDyslexic;
  font-style: italic;
  font-weight: 400;
  src:
    local('OpenDyslexic Italic'),
    url('@fontsource/opendyslexic/files/opendyslexic-latin-400-italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: OpenDyslexic;
  font-style: normal;
  font-weight: 500;
  src:
    local('OpenDyslexic Bold'),
    url('@fontsource/opendyslexic/files/opendyslexic-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: OpenDyslexic;
  font-style: italic;
  font-weight: 500;
  src:
    local('OpenDyslexic Bold Italic'),
    url('@fontsource/opendyslexic/files/opendyslexic-latin-700-italic.woff2') format('woff2');
}