This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 1,000,000+ packages pre-installed, including
typeface-roboto with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
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-roboto" with "fontsource-roboto".
Then change imports from "import 'typeface-roboto'" to "import 'fontsource-roboto/latin.css'".
Typeface packages will continue working indefinitely so no immediate changes are necessary.
The CSS and web font files to easily self-host “Roboto”.
npm install --save typeface-roboto
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 Roboto typeface require('typeface-roboto')
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!