roboto-fontface

WebJar for roboto-fontface

License

License

GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

roboto-fontface
Last Version

Last Version

0.10.0
Release Date

Release Date

Type

Type

jar
Description

Description

roboto-fontface
WebJar for roboto-fontface
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/choffmeister/roboto-fontface-bower

Download roboto-fontface

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/roboto-fontface/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>roboto-fontface</artifactId>
    <version>0.10.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/roboto-fontface/
implementation 'org.webjars.npm:roboto-fontface:0.10.0'
// https://jarcasting.com/artifacts/org.webjars.npm/roboto-fontface/
implementation ("org.webjars.npm:roboto-fontface:0.10.0")
'org.webjars.npm:roboto-fontface:jar:0.10.0'
<dependency org="org.webjars.npm" name="roboto-fontface" rev="0.10.0">
  <artifact name="roboto-fontface" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='roboto-fontface', version='0.10.0')
)
libraryDependencies += "org.webjars.npm" % "roboto-fontface" % "0.10.0"
[org.webjars.npm/roboto-fontface "0.10.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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

With Sass/Less, you can adjust the font path to your needs with the $roboto-font-path variable. For example (Sass):

$roboto-font-path: 'path/where/you/put/fonts'
@import 'node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss'

Hinting

Some of the included font files have hinting.

Files Hinting
.woff yes
.woff2 ?

Versions

Version
0.10.0
0.9.0
0.8.0
0.7.0
0.6.0
0.4.5
0.4.2