1. npm-font-open-sans
Open Sans font family - incl. usage of CSS, SCSS, LESS
npm-font-open-sans
Package: npm-font-open-sans
Created by: dasrick
Last modified: Wed, 22 Jun 2022 07:46:46 GMT
Version: 1.1.0
License: Apache-2.0
Downloads: 37,369
Repository: https://github.com/dasrick/npm-font-open-sans

Install

npm install npm-font-open-sans
yarn add npm-font-open-sans

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 npm-font-open-sans --save

Usage

This a sample for usage in a LESS file:

# part of your LESS file
@import '../../../node_modules/npm-font-open-sans/open-sans';
@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/npm-font-open-sans/open-sans';

You can do the same with Stylus too ...

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

Source of font files

Open Sans at FontFaceKit

License

Fonts: Licensed under Apache 2.0


RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code