Package Exports

roboto-fontface
roboto-fontface/css/roboto/roboto-fontface.css
roboto-fontface/package.json

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (roboto-fontface) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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`	?