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.

typeface-playfair-display

The CSS and web font files to easily self-host “Playfair Display”.

Install

npm install --save typeface-playfair-display

Use

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.

You will need to have webpack setup to load css and font files. Many tools built with Webpack will work out of the box with Typefaces such as Gatsby and Create React App.

To use, simply require the package in your project’s entry file e.g.

// Load Playfair Display typeface
require('typeface-playfair-display')

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!