React 的 Webfonts 加载器

你说什么?

Typekit 的反效果包装 网络装入器 国家防范机制一揽子计划.

为什么?

要更明智地装入您的网友, 避免使用 FOUT, 和 / 或确保他们在做一些事情之前真的装入( 在画布中使用等) .

怎么会?

import { render } from 'react-dom';
import WebfontLoader from '@dr-kobros/react-webfont-loader';

// webfontloader configuration object. *REQUIRED*.
const config = {
  google: {
    families: ['Source Sans Pro:300,600'],
  }
};

// Callback receives the status of the general webfont loading process. *OPTIONAL*
const callback = status => {
  // I could hook the webfont status to for example Redux here.
};

// wrap your root component with the supplied wrapper component.
render(
  <WebfontLoader config={config} onStatus={callback}>
    <App />
  </WebfontLoader>,
  document.getElementById('app')
);