48 lines
1.7 KiB
Markdown
Raw Normal View History

# Roboto fontface
2013-08-01 18:50:09 +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
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
```
# 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
## 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-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-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-06-08 11:53:30 +02:00
* `css/roboto/sass/roboto-fontface-black.scss`
* `css/roboto/sass/roboto-fontface-black-italic.scss`
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` | ? |