Skip to content
Bower package for the Roboto font-face
Branch: master
Clone or download
Latest commit d2e5bf8 Aug 7, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Use only woff2 and woff (#57) Aug 7, 2018
fonts Use only woff2 and woff (#57) Aug 7, 2018
.gitignore Add simple test suite Feb 27, 2016
LICENSE Add direct reference to author of the font Aug 1, 2013
README.md Use only woff2 and woff (#57) Aug 7, 2018
bower.json
package-lock.json Bump version Aug 7, 2018
package.json Bump version Aug 7, 2018
test.html Add Roboto Slab (#36) Jan 20, 2017
test.sh Add Roboto Condensed (#28) Jun 8, 2016

README.md

Roboto fontface

A simple package providing the Roboto fontface. The font was created by Christian Robertson.

Installing

Assuming you have NodeJS, NPM and Bower installed globally just open up a terminal, navigate to your projects root directory and then execute

# install via NPM
$ npm install roboto-fontface --save

# install via Bower
$ bower install roboto-fontface --save

Usage

There're several files in the css/ subdirectory. Import them in your project to have access to "Roboto" font face:

  • css/roboto/roboto-fontface.css - whole font family compiled to CSS

  • css/roboto/sass/roboto-fontface.scss - whole font family in SCSS

  • css/roboto/less/roboto-fontface.less - whole font family in LESS

  • css/roboto-condensed/roboto-condensed-fontface.css - whole font family compiled to CSS

  • css/roboto-condensed/sass/roboto-condensed-fontface.scss - whole font family in SCSS

  • css/roboto-condensed/less/roboto-condensed-fontface.less - whole font family in LESS

  • css/roboto-slab/roboto-slab-fontface.css - whole font family compiled to CSS

  • css/roboto-slab/sass/roboto-slab-fontface.scss - whole font family in SCSS

  • css/roboto-slab/less/roboto-slab-fontface.less - whole font family in LESS

Importing whole family may be unnecessary and lead to huge build, so if you are using SCSS or LESS, you can import only individual weights by importing for example:

  • css/roboto/sass/roboto-fontface-black.scss
  • css/roboto/sass/roboto-fontface-black-italic.scss

Hinting

Some of the included font files have hinting.

Files Hinting
.woff yes
.woff2 ?
You can’t perform that action at this time.