@font-face {
  font-family: 'Cascadia Code Webfont';
  src: url('cascadiacode-light.woff2') format('woff2'),
       url('cascadiacode-light.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Cascadia Code Webfont';
  src: url('cascadiacode-regular-webfont.woff2') format('woff2'),
  url('cascadiacode-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*
@font-face {
  font-family: CascadiaCode;
  src: local("CascadiaCode-Light"), url(fonts/CascadiaCode-Light.ttf);
  font-weight:200;
}

@font-face {
  font-family: CascadiaCode;
  src: local("CascadiaCode-Regular"), url(fonts/CascadiaCode-Regular.ttf);
}
*/

@font-face {
  font-family: OpenDyslexic;
  src: local("OpenDyslexic-Regular"), url(fonts/OpenDyslexic-Regular.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: OpenDyslexic;
  src: local("OpenDyslexic-Italic"), url(fonts/OpenDyslexic-Italic.otf) format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: OpenDyslexic;
  src: local("OpenDyslexic-Bold"), url(fonts/OpenDyslexic-Bold.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: OpenDyslexic;
  src: local("OpenDyslexic-BoldItalic"), url(fonts/OpenDyslexic-BoldItalic.otf) format("opentype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: OpenDyslexic, monospace;
  src: local("OpenDyslexicMono-Regular"), url(fonts/OpenDyslexicMono-Regular.otf) format("opentype");
}