node package manager


Roboto font pack for connect-fonts


Roboto fontpack for connect-fonts.

  1. Include connect-fonts in a node module.
const font_middleware = require("connect-fonts");
  1. Include the font packs that you want to serve.
const font_pack  = require("connect-fonts-roboto");
  1. Add a middleware by calling the setup function.
      fonts: [ font_pack ],
      allow_origin: ""
  1. Add a link tag to include the font CSS.
<link href="/roboto-black/fonts.css" type="text/css" rel="stylesheet">

Multiple fonts from the family can be included by using a comma separated list of fonts:

<link href="/roboto-black,roboto-blackitalic,roboto-bold,roboto-bolditalic,roboto-italic,roboto-light,roboto-lightitalic,roboto-medium,roboto-mediumitalic,roboto-regular,roboto-thin,roboto-thinitalic/fonts.css" type="text/css" rel="stylesheet">

Available fonts:

  • roboto-black
  • roboto-blackitalic
  • roboto-bold
  • roboto-bolditalic
  • roboto-italic
  • roboto-light
  • roboto-lightitalic
  • roboto-medium
  • roboto-mediumitalic
  • roboto-regular
  • roboto-thin
  • roboto-thinitalic

Locale-optimised font sets can be served by specifying the locale in the fonts.css URL.

<link href="/latin/roboto-black/fonts.css" type="text/css" rel="stylesheet">

Available subsets:

  • latin
  • en
  1. Set your CSS up to use the new font by using the "Roboto" font-family.
    body {
      font-family: 'Roboto', 'sans-serif', 'serif';


  • Copyright: Font data copyright Google 2012
  • Trademark: Roboto is a trademark of Google.
  • Designer: Google
  • Designer URL: Christian Robertson
  • Vendor URL:

Software: Licenced under version 2.0 of the MPL

Fonts: Licensed under version 2.0 of the Apache