Roboto Font v15

This package contains some of the Roboto font styles that are base64 encoded and embedded in a single css file.

Why

This is useful for prototyping because you start using the font quickly by importing single css file to your project/playground and it does not require internet connection to use it once the package has been installed. Depending on your setup adn use case this could be used in production as well to reduce network requests or if you want to embedd your fonts into a cordova app.

Usage

You can use it in a webpack project by importing it import '@ox2/css-font-roboto' in your top level js file like index.js or if your using React Storybook in your .storybook/config.js file.

Bundled font styles:

• Light 300
• Normal 400
• Normal 400 Italic
• Medium 500
• Bold 700
• Bold 700 Italic

Bundled font language subsets:

• Latin

Update Instructions:

1. Download remote css file with font links, output: downloads/index.css:

npm run download

2. Fetch and convert downloaded font data into base64-encoded data URI strings, output: src/index.css:

npm run convert

3. Build the package, output build/

npm run build

Font License

Apache License, version 2.0

More info: https://www.google.com/fonts/specimen/Roboto

Repository: https://github.com/google/roboto

Package License

MIT