styled-components helper function

fontFace.js

// credit: https://github.com/styled-components/styled-components/issues/233#issuecomment-292602734

export function fontFace(name, src, fontWeight = 'normal', fontStyle = 'normal'){

  return `
    @font-face{
      font-family: "${name}";
        src: url(${require('../../public/fonts/' + src + '.eot')});
        src: url(${require('../../public/fonts/' + src + '.eot')}?#iefix) format("embedded-opentype"),
        url(${require('../../public/fonts/' + src + '.woff')}) format("woff"),
        url(${require('../../public/fonts/' + src + '.ttf')}) format("truetype"),
        url(${require('../../public/fonts/' + src + '.svg')}#${name}) format("svg");
        font-style: ${fontStyle};
        font-weight: ${fontWeight};
    }
  `
}