@ox2/css-font-roboto-condensed v4.0.0

Roboto Condensed Font v13

This package contains regular Roboto Condensed font style that is converted to base64-encoded data URI strings and embedded into a css file.

Installation

Install using npm:

npm install @ox2/css-font-roboto-condensed --save

Install using yarn:

yarn add @ox2/css-font-roboto-condensed

Why

This is useful for prototyping as you can 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 and use case this could be used in a production app as well, for example you could merge it with your current style sheet and included in Cordova app bundle for a more consistent font loading experience.

Usage

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

Bundled font styles

• Regular 400

Bundled font language subsets

• Latin

Font update instructions

Note: There may only be a need to update it when there is a new font version released by Google Fonts.

Current font version: v16

1. Download remote css file from Google fonts, output: downloads/index.css:

npm run download

2. Convert font data into base64-encoded data URI strings, output: src/index.css:

npm run convert

3. Build and publish the package, output: build/

npm run build
cd build && npm publish

TIP: You can check if theres a new font version by running the download script and inspecting font urls ...gstatic.com/s/robotocondensed/v13/Zd2E9a... in the output file or just opening the google font link in your browser and inspecting urls there.

Build your own package

You can easily build your own package with other font family/styles variations by changing FONT_URL variable in scripts/download.sh to your custom one from https://fonts.google.com/ and then following the steps in Update Instructions section.

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