Notify President Madagascar
    Wondering what’s next for npm?Check out our public roadmap! »

    @dr-kobros/react-webfont-loader

    8.0.0 • Public • Published

    Webfonts loader for React

    What?

    A React wrapper for Typekit's webfontloader NPM package.

    Why?

    To load your webfonts more intelligently, avoid FOUT with them, and / or to ensure that they have REALLY loaded before doing something (use them in canvas etc).

    How?

     
    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')
    );
     

    Install

    npm i @dr-kobros/react-webfont-loader

    DownloadsWeekly Downloads

    2,180

    Version

    8.0.0

    License

    BSD-3-Clause

    Last publish

    Collaborators

    • avatar