fonts.js

const FONT_FACES = `@font-face {
  font-display: auto;
  font-family: "Elections-Publico";
  font-style: normal;
  font-weight: 800;
  src: url("https://some-url.com/fonts/Publico-Bold.woff") format("woff");
}
@font-face {
  font-display: auto;
  font-family: "Elections-Akkurat-Mono";
  font-style: normal;
  font-weight: 400;
  src: url("https://some-url.com/fonts/akkurat-mono.woff") format("woff");
}`;

setupFontFaces() {
  if (document.querySelector('style[data-description="newshour-components-font-faces"]')) {
    return;
  }
  const style = document.createElement('style');
  style.dataset.description = 'newshour-components-font-faces';

  style.appendChild(document.createTextNode(FONT_FACES));
  document.head.appendChild(style);
}