openstack/deb-fonts-roboto-fontface
Code Issues Proposed changes
RETIRED, further work has moved to Debian project infrastructure
99 Commits 3 Branches 31 Tags 11 MiB
CSS 55.2%
HTML 25.5%
SCSS 9.5%
Less 9%
Shell 0.8%
7a34a7ba37
Go to file
Denis Davidyuk 7a34a7ba37 Add Roboto Slab (#36) 
*.ttf files taken from: https://fonts.google.com/specimen/Roboto+Slab.
*.eot, *.svg, *.woff, *.woff2 generated by Font Squirrel with default
params.
2017-01-20 15:18:01 +01:00
css Add Roboto Slab (#36) 2017-01-20 15:18:01 +01:00
fonts Add Roboto Slab (#36) 2017-01-20 15:18:01 +01:00
.gitignore Add simple test suite 2016-02-27 13:53:26 +01:00
bower.json Bump version 2017-01-20 15:08:51 +01:00
LICENSE Add direct reference to author of the font 2013-08-01 19:13:14 +02:00
package.json Bump version 2017-01-20 15:08:51 +01:00
README.md Add Roboto Slab (#36) 2017-01-20 15:18:01 +01:00
test.html Add Roboto Slab (#36) 2017-01-20 15:18:01 +01:00
test.sh Add Roboto Condensed (#28) 2016-06-08 11:45:07 +02:00

README.md

Roboto fontface

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

Files Hinting
.eot ?
.svg no
.ttf ?
.woff yes
.woff2 ?