-
- GitHub
- GitLab
- Bitbucket
-
By logging in you accept
our terms of service
and privacy policy
Webfontloader for React
Homepage Repository npm Download
npm install @dr-kobros/react-webfont-loader@8.0.0
A React wrapper for Typekit's webfontloader NPM package.
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).
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')
);
The Tidelift Subscription provides access to a continuously curated stream of human-researched and maintainer-verified data on open source packages and their licenses, releases, vulnerabilities, and development practices.
Learn more →Something wrong with this page? Make a suggestion
Export .ABOUT file for this package
Last synced: 2022-06-12 17:21:04 UTC
Login to resync this project