@font-face {
  font-family: 'sanfrancisco';
  src: url('sanfranciscodisplay-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'campton-bold';
  src:
    url('campton-bold-webfont.woff2') format('woff2'),
    url('campton-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'odin';
  src: url('odin-rounded.light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Odin Rounded';
  src: url('odin-rounded.light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('OpenDyslexic-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('OpenDyslexic-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('OpenDyslexic-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('OpenDyslexic-Bold-Italic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: 'OpenDyslexicMono';
  src: url('OpenDyslexicMono-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
/* Commented out until we find a lighter solution. https://lessonup.atlassian.net/browse/LI-374 */

/* @font-face {
  font-family: 'noto-color-emoji';
  src: url('NotoColorEmoji-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
} */