Skip to content

@fontsource/roboto

The CSS and web font files to easily self-host the “Roboto” font. Please visit the main Fontsource website to view more details on this package.

Quick Installation

Fontsource has a variety of methods to import CSS, such as using a bundler like Webpack. Alternatively, it supports SASS. 

yarn add @fontsource/roboto // npm install @fontsource/roboto

Within your app entry file or site component, import it in. 

import "@fontsource/roboto"; // Defaults to weight 400.

Supported variables

  • Weights: [100,300,400,500,700,900]
  • Styles: [italic,normal]
  • Supported subsets: [cyrillic,cyrillic-ext,greek,greek-ext,latin,latin-ext,vietnamese]

See also

Favorite site