# roboto-fontface

> A simple package providing the Roboto fontface.

Latest version **0.10.0** (published 2018-08-07) · Apache-2.0 license · 196.0K weekly downloads

## Install

```sh
npm install roboto-fontface
pnpm add roboto-fontface
yarn add roboto-fontface
bun add roboto-fontface
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: moderate downloads; no vulnerabilities.

Warnings: no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.10.0 |
| Published | 2018-08-07 |
| First published | 2015-05-04 |
| Weekly downloads | 196.0K |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 3.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 155 |
| Author | Christian Hoffmeister |
| Maintainers | choffmeister |
| Keywords | roboto, font, fontface |

## Links

- npm: https://www.npmjs.com/package/roboto-fontface
- Repository: https://github.com/choffmeister/roboto-fontface-bower
- Issues: https://github.com/choffmeister/roboto-fontface-bower/issues
- npm.io page: https://npm.io/package/roboto-fontface

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads
- [@atlantum/icons](https://npm.io/package/@atlantum/icons.md) — 262 weekly downloads

## Recent versions

- 0.10.0 (latest) — 2018-08-07
- 0.9.0 — 2018-02-07
- 0.8.0 — 2017-07-10
- 0.7.1 — 2017-07-06
- 0.7.0 — 2017-01-20
- 0.6.1 — 2017-01-20
- 0.6.0 — 2016-08-11
- 0.5.0 — 2016-06-08
- 0.4.5 — 2016-02-27
- 0.4.4 — 2016-02-27
- 0.4.3 — 2016-02-10
- 0.4.2 — 2015-05-04
- 0.4.1 — 2015-05-04

## README

# Roboto fontface

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).

## 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

```
# 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](http://en.wikipedia.org/wiki/Font_hinting).

| Files    | Hinting |
|----------|---------|
| `.woff`  | yes     |
| `.woff2` | ?       |

---
_Source: https://npm.io/package/roboto-fontface · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._