An open API service indexing awesome lists of open source software.

https://github.com/m2collective/scss-webfont-lato

Package for integrating WebFont Lato.
https://github.com/m2collective/scss-webfont-lato

italic normal scss webfont

Last synced: 2 days ago
JSON representation

Package for integrating WebFont Lato.

Awesome Lists containing this project

README

          

# SCSS WebFont Lato

Package for integrating `Lato` fonts in a web environment.

![npm](https://img.shields.io/npm/v/@m2collective/scss-webfont-lato?style=for-the-badge)

___

## Installation

This package can be deployed automatically using NPM:

```
npm i @m2collective/scss-webfont-lato
```

## Usage

Font files are located in the `fonts` directory. To import all fonts, you can use:

```scss
@use "@m2collective/scss-webfont-lato";
```

You can also configure which fonts will be used when importing:

```scss
@use "@m2collective/scss-webfont-lato" with (
$font-display: swap,
$font-styles: (italic, normal),
$font-weights: (100, 200, 300, 400, 500, 600, 700, 800, 900),
);
```

```scss
body {
font-family: 'Lato', sans-serif;
}
```

## Licensing

It is important to always read the license for every font that you use. Most of the fonts in the collection use the `SIL
Open Font License v1.1`. Some fonts use the `Apache 2.0` license. The Ubuntu fonts use the `Ubuntu Font License v1.0`.