Sign Up for Free

RunKit +

Try any Node.js package right in your browser

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:

var typefaceRoboto = require("typeface-roboto")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

typeface-roboto v1.1.13

Roboto typeface

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.

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 Roboto 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!


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free