@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;
}
/* 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;
} */