compolicious/demo/manifest/fonts/bogle/bogle.css.js

React component demo utility

import {makeFontFaces} from '../../../../src/helpers/font.helper';

export default {
  '@font-face': makeFontFaces([{
    fontFamily: 'BogleWeb',
    urls: [
      require('./BogleWeb-Regular.eot'),
      require('./BogleWeb-Regular.ttf'),
      require('./BogleWeb-Regular.woff'),
      require('./BogleWeb-Regular.woff2'),
    ]
  }, {
    fontFamily: 'BogleWebRegular',
    urls: [
      require('./BogleWeb-Regular.eot'),
      require('./BogleWeb-Regular.ttf'),
      require('./BogleWeb-Regular.woff'),
      require('./BogleWeb-Regular.woff2'),
    ]
  }, {
    fontFamily: 'BogleWebBold',
    urls: [
      require('./BogleWeb-Bold.eot'),
      require('./BogleWeb-Bold.ttf'),
      require('./BogleWeb-Bold.woff'),
      require('./BogleWeb-Bold.woff2'),
    ]
  }, {
    fontFamily: 'BogleWebBlack',
    urls: [
      require('./BogleWeb-Black.eot'),
      require('./BogleWeb-Black.ttf'),
      require('./BogleWeb-Black.woff'),
      require('./BogleWeb-Black.woff2'),
    ]
  }])
};