Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

open-sans-fonts

markomaberg258.4kApache-2.0deprecated1.6.2

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

Open Sans font family - incl. usage of CSS, SCSS, LESS

font, fontface, open, sans, css, sass, scss, less

readme

github tag npm version npm downloads License

npm package of Open Sans

Open Sans is a humanist sans serif typeface designed by Steve Matteson.

Installation

Install with npm

$ npm i open-sans-fonts --save

Usage

This a sample for usage in a LESS file:

# part of your LESS file
@import '../../../node_modules/open-sans-fonts/open-sans.less';
@FontPathOpenSans: "../fonts/open-sans";

First import the LESS file of the font and after this overwrite the default path. That's it ...

You can do the same with SCSS/SASS too ...

# part of your SCSS file
$FontPathOpenSans: "../fonts/open-sans";
@import '../../../node_modules/open-sans-fonts/open-sans.scss';

You can do the same with Stylus too ...

# part of your SCSS file
$FontPathOpenSans = "../fonts/open-sans";
@import '../../../node_modules/open-sans-fonts/open-sans.styl';

Source of font files

Open Sans at FontFaceKit

License

Fonts: Licensed under Apache 2.0