Roboto fontface
This is clone of great work of Christian Hoffmeister. The only difference is, that I moved EOT font to the end of the list in css for IE11 to show extended unicode characters properly (probably with some consequences for older browsers).
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-eot-last --save
# install via Bower
$ bower install roboto-fontface-eot-last --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 |
---|
.eot | ? |
.svg | no |
.ttf | ? |
.woff | yes |
.woff2 | ? |