2015-05-04 09:20:20 +02:00
# Roboto fontface
2013-08-01 18:50:09 +02:00
2015-05-04 09:20:20 +02:00
A simple package providing the [Roboto ](http://www.google.com/fonts/specimen/Roboto ) fontface. The font was created by [Christian Robertson ](https://plus.google.com/110879635926653430880/about ).
2013-08-01 18:50:09 +02:00
## Installing
2015-05-04 09:20:20 +02:00
Assuming you have [NodeJS ](http://nodejs.org/ ), [NPM ](https://www.npmjs.com/ ) and [Bower ](http://bower.io/ ) installed globally just open up a terminal, navigate to your projects root directory and then execute
2013-08-01 18:50:09 +02:00
```
2015-05-04 09:20:20 +02:00
# install via NPM
$ npm install roboto-fontface --save
# install via Bower
2013-08-01 18:50:09 +02:00
$ bower install roboto-fontface --save
```
2015-05-02 07:30:26 +02:00
2016-02-26 11:37:31 +01:00
## Usage
There're several files in the `css/` subdirectory. Import them in your project
to have access to "Roboto" font face:
2016-06-08 11:53:30 +02:00
* `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
2016-02-26 11:37:31 +01:00
2016-06-08 11:53:30 +02:00
* `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
2016-02-26 11:37:31 +01:00
2016-06-08 11:53:30 +02:00
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:
2016-02-27 13:25:07 +01:00
2016-06-08 11:53:30 +02:00
* `css/roboto/sass/roboto-fontface-black.scss`
* `css/roboto/sass/roboto-fontface-black-italic.scss`
2016-02-27 13:25:07 +01:00
2015-05-02 07:30:26 +02:00
## Hinting
Some of the included font files have [hinting ](http://en.wikipedia.org/wiki/Font_hinting ).
| Files | Hinting |
|----------|---------|
| `.eot` | ? |
| `.svg` | no |
| `.ttf` | ? |
| `.woff` | yes |
| `.woff2` | ? |