React font-face utility

react-font-face.js

/**
 * FontFace utility function that generates the font-face for you
 * @param {string} name font-family name
 * @param {string} src file name
 * @param {string} fontWeight any font-weight (default: normal)
 * @param {string} fontStyle any font-style (default: normal)
 * @return {string} Return the complete css
*/
export function fontFace(name, src, fontWeight = 'normal', fontStyle = 'normal') {
  return `
    @font-face{
      font-family: "${name}";
      src: url(${require(`./fonts/${src}.eot`)});
      src: url(${require(`./fonts/${src}.eot`)}?#iefix) format("embedded-opentype"),
          url(${require(`./fonts/${src}.woff`)}) format("woff"),
          url(${require(`./fonts/${src}.ttf`)}) format("truetype"),
          url(${require(`./fonts/${src}.svg`)}#${name}) format("svg");
      font-style: ${fontStyle};
      font-weight: ${fontWeight};
    }
  `;
}