prendy/src/helpers/loadGoogleFonts.ts

Make games with prerendered backdrops using babylonjs and repond

import { forEach } from "chootils/dist/loops";

export default function loadGoogleFonts<T_FontNames extends readonly string[]>(
  fontNames: T_FontNames
) {
  let styleStrng = "@import url('https://fonts.googleapis.com/css2?";
  forEach(fontNames, (fontName, index) => {
    if (index !== 0) {
      styleStrng += "&";
    }
    styleStrng += "family=" + fontName.replaceAll(" ", "+");
  });
  styleStrng += "&display=swap')";

  const loadFontsStyleSheet = document.createElement("style");
  loadFontsStyleSheet.innerHTML = styleStrng;
  document.head.appendChild(loadFontsStyleSheet);
}