@mdn/bob/editor/css/editor-libs/shadow-fonts.css

Builder of Bits aka The MDN Web Docs interactive examples, example builder

/* fonts used by the examples rendered inside the shadow dom. Because
   @font-face does not work in shadow dom:
   http://robdodson.me/at-font-face-doesnt-work-in-shadow-dom/ */
@font-face {
  font-family: "Fira Sans";
  src:
    local("FiraSans-Regular"),
    url("/media/fonts/FiraSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Fira Sans";
  font-weight: normal;
  font-style: oblique;
  src: local("FiraSans-SemiBoldItalic"),
    url("/media/fonts/FiraSans-SemiBoldItalic.woff2");
}

@font-face {
  font-family: "Dancing Script";
  src: url("/media/fonts/DancingScript-Regular.ttf");
}

@font-face {
  font-family: molot;
  src: url("/media/fonts/molot.woff2") format("woff2");
}

@font-face {
  font-family: rapscallion;
  src: url("/media/fonts/rapscall.woff2") format("woff2");
}