| 1 |
|
| 2 | # typeface-roboto
|
| 3 |
|
| 4 | The CSS and web font files to easily self-host “Roboto”.
|
| 5 |
|
| 6 | ## Install
|
| 7 |
|
| 8 | `npm install --save typeface-roboto`
|
| 9 |
|
| 10 | ## Use
|
| 11 |
|
| 12 | Typefaces assume you’re using webpack to process CSS and files. Each typeface
|
| 13 | package includes all necessary font files (woff2, woff, eot, ttf, svg) and
|
| 14 | a CSS file with font-face declerations pointing at these files.
|
| 15 |
|
| 16 | You will need to have webpack setup to load css and font files. Many tools built
|
| 17 | with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
|
| 18 | and [Create React App](https://github.com/facebookincubator/create-react-app).
|
| 19 |
|
| 20 | To use, simply require the package in your project’s entry file e.g.
|
| 21 |
|
| 22 | ```javascript
|
| 23 | // Load Roboto typeface
|
| 24 | require('typeface-roboto')
|
| 25 | ```
|
| 26 |
|
| 27 | ## About the Typefaces project.
|
| 28 |
|
| 29 | Our goal is to add all open source fonts to NPM to simplify using great fonts in
|
| 30 | our web projects. We’re currently maintaining 832 typeface packages
|
| 31 | including all typefaces on Google Fonts.
|
| 32 |
|
| 33 | If your favorite typeface isn’t published yet, [let us know](https://github.com/KyleAMathews/typefaces)
|
| 34 | and we’ll add it!
|