The Typefaces project is now deprecated.
@DecliningLotus created FontSource which provides the same functionality as Typefaces but with automated releases & richer support for importing specific weights, styles, or language subsets.
To start using Fontsource, replace in your package.json any instances of "typeface-playfair-display" with "fontsource-playfair-display".
Then change imports from "import 'typeface-playfair-display'" to "import 'fontsource-playfair-display/latin.css'".
Typeface packages will continue working indefinitely so no immediate changes are necessary.
The CSS and web font files to easily self-host “Playfair Display”.
npm install --save typeface-playfair-display
Typefaces assume you’re using webpack to process CSS and files. Each typeface package includes all necessary font files (woff2, woff) and a CSS file with font-face declarations pointing at these files.
To use, simply require the package in your project’s entry file e.g.
// Load Playfair Display typeface
About the Typefaces project.
Our goal is to add all open source fonts to NPM to simplify using great fonts in our web projects. We’re currently maintaining 1036 typeface packages including all typefaces on Google Fonts.
If your favorite typeface isn’t published yet, let us know and we’ll add it!