open-index/open-npm huggingface dataset:
npm package: @openfly/cli
Description: Common Frontend Scaffold
Author: 紫竹
Latest version: 1.2.6

# @openfly/cli

> Common Frontend Scaffold

## Install

```sh
$ npm install @openfly/cli -g
```

## Usage

```sh
$ mkdir myapp && cd myapp

$ fly init

$ ? Pick template source › - Use arrow-keys. Return to submit.
$ ❯   Git Repository # https://www.npmjs.com/package/download-git-repo#repository
$     NPM Package # https://www.npmjs.com/package/download-npm-package#features

$ ? Input template name › openfly-team/template-demo

$ ✔ Input project name … demo
$ ✔ Input project description … xxxxxxx
```
npm package: @openfly/template-blog
Description: openfly blog template
Author: 紫竹
Latest version: 1.14.10

# @openfly/template-blog

> openfly blog template

## Usage

```sh
$ npx @openfly/cli init

$ ? Pick template source › - Use arrow-keys. Return to submit.
$     Git Repository
$ ❯   NPM Package

$ ? Input template name › @openfly/template-blog
```
npm package: @openfly/template-demo
Description: openfly template demo
Author: 紫竹
Latest version: 1.5.1

# @openfly/template-demo

> openfly template demo

## Usage

```sh
$ npx @openfly/cli init

$ ? Pick template source › - Use arrow-keys. Return to submit.
$     Git Repository
$ ❯   NPM Package

$ ? Input template name › @openfly/template-demo
```
npm package: @openfly/template-doc
Description: openfly doc template
Author: 紫竹
Latest version: 2.3.2

# @openfly/template-doc

> openfly doc template

## Usage

```sh
$ npx @openfly/cli init

$ ? Pick template source › - Use arrow-keys. Return to submit.
$     Git Repository
$ ❯   NPM Package

$ ? Input template name › @openfly/template-doc
```
npm package: @openflygroup/snowfall
Description: Beautiful, customizable snowfall effects for React with accumulation and fading
Author: Arthur Pechenkin
Latest version: 0.3.0

# @openflygroup/snowfall

![npm version](https://img.shields.io/npm/v/@openflygroup/snowfall)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/@openflygroup/snowfall)
![npm downloads](https://img.shields.io/npm/dm/@openflygroup/snowfall)
![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/OpenFlyGroup/snowfall/ci.yml)
![Coverage](https://img.shields.io/codecov/c/github/OpenFlyGroup/snowfall)
![License](https://img.shields.io/github/license/OpenFlyGroup/snowfall)
![GitHub issues](https://img.shields.io/github/issues/OpenFlyGroup/snowfall)

❄️ Beautiful, customizable snowfall effects for React with accumulation and fading animations.

## Features

- 🎨 Fully customizable snowflakes (size, color, shape, speed)
- 🏔️ Snow accumulation on DOM elements
- ⏱️ Automatic fading after specified time
- 🎮 Interactive controls panel
- 📱 Responsive and performant
- 🎯 TypeScript support
- 🎨 Tailwind CSS compatible
- 🔧 Multiple presets and themes
- 🎪 Extensible and pluggable

## Quick Start

```bash
npm install @openflygroup/snowfall zustand
```

```tsx
import {
  SnowCanvas,
  SnowAccumulation,
  SnowControls,
} from "@openflygroup/snowfall";

function App() {
  return (
    <>
      <SnowCanvas accumulationElements={[".card", "h1"]} />
      <SnowAccumulation elementId="header" />
      <SnowControls />

      <h1 className="relative">Winter Wonderland</h1>
      <div className="card relative">Snow will accumulate here</div>
    </>
  );
}
```

### Styles

By default, the library imports its own prebuilt Tailwind‑based stylesheet.  
If you prefer an explicit import, you can do:

```ts
import "@openflygroup/snowfall/styles";
```

## Documentation

- Docs site (GitHub Pages): `https://openflygroup.github.io/snowfall/`
- Storybook with live examples: `https://openflygroup.github.io/snowfall/storybook/`

## Contributing

Please read our Contributing Guide.

## License

MIT © OpenFly Group
npm package: @openfonts/abeezee_latin
Description: ABeeZee latin typeface
Author: Jan Bednar
Latest version: 1.44.1


# abeezee_latin

The CSS and web font files to easily self-host “ABeeZee” with subset "latin".

## Install

`npm install --save @openfonts/abeezee_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load ABeeZee typeface
require('@openfonts/abeezee_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/abeezee_latin/index.css";
```
npm package: @openfonts/abel_latin
Description: Abel latin typeface
Author: Jan Bednar
Latest version: 1.44.1


# abel_latin

The CSS and web font files to easily self-host “Abel” with subset "latin".

## Install

`npm install --save @openfonts/abel_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Abel typeface
require('@openfonts/abel_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/abel_latin/index.css";
```
npm package: @openfonts/abhaya-libre_all
Description: Abhaya Libre all typeface
Author: Jan Bednar
Latest version: 1.44.2


# abhaya-libre_all

The CSS and web font files to easily self-host “Abhaya Libre” with subset "all".

## Install

`npm install --save @openfonts/abhaya-libre_all`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Abhaya Libre typeface
require('@openfonts/abhaya-libre_all')
```

Usage in SCSS:
```scss
@import "~@openfonts/abhaya-libre_all/index.css";
```
npm package: @openfonts/abhaya-libre_latin
Description: Abhaya Libre latin typeface
Author: Jan Bednar
Latest version: 1.44.1


# abhaya-libre_latin

The CSS and web font files to easily self-host “Abhaya Libre” with subset "latin".

## Install

`npm install --save @openfonts/abhaya-libre_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Abhaya Libre typeface
require('@openfonts/abhaya-libre_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/abhaya-libre_latin/index.css";
```
npm package: @openfonts/abhaya-libre_latin-ext
Description: Abhaya Libre latin-ext typeface
Author: Jan Bednar
Latest version: 1.44.2


# abhaya-libre_latin-ext

The CSS and web font files to easily self-host “Abhaya Libre” with subset "latin-ext".

## Install

`npm install --save @openfonts/abhaya-libre_latin-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Abhaya Libre typeface
require('@openfonts/abhaya-libre_latin-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/abhaya-libre_latin-ext/index.css";
```
npm package: @openfonts/abhaya-libre_sinhala
Description: Abhaya Libre sinhala typeface
Author: Jan Bednar
Latest version: 1.44.2


# abhaya-libre_sinhala

The CSS and web font files to easily self-host “Abhaya Libre” with subset "sinhala".

## Install

`npm install --save @openfonts/abhaya-libre_sinhala`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Abhaya Libre typeface
require('@openfonts/abhaya-libre_sinhala')
```

Usage in SCSS:
```scss
@import "~@openfonts/abhaya-libre_sinhala/index.css";
```
npm package: @openfonts/abril-fatface_latin
Description: Abril Fatface latin typeface
Author: Jan Bednar
Latest version: 1.44.1


# abril-fatface_latin

The CSS and web font files to easily self-host “Abril Fatface” with subset "latin".

## Install

`npm install --save @openfonts/abril-fatface_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Abril Fatface typeface
require('@openfonts/abril-fatface_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/abril-fatface_latin/index.css";
```
npm package: @openfonts/abril-fatface_latin-ext
Description: Abril Fatface latin-ext typeface
Author: Jan Bednar
Latest version: 1.44.2


# abril-fatface_latin-ext

The CSS and web font files to easily self-host “Abril Fatface” with subset "latin-ext".

## Install

`npm install --save @openfonts/abril-fatface_latin-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Abril Fatface typeface
require('@openfonts/abril-fatface_latin-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/abril-fatface_latin-ext/index.css";
```
npm package: @openfonts/aclonica_latin
Description: Aclonica latin typeface
Author: Jan Bednar
Latest version: 1.44.1


# aclonica_latin

The CSS and web font files to easily self-host “Aclonica” with subset "latin".

## Install

`npm install --save @openfonts/aclonica_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Aclonica typeface
require('@openfonts/aclonica_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/aclonica_latin/index.css";
```
npm package: @openfonts/acme_latin
Description: Acme latin typeface
Author: Jan Bednar
Latest version: 1.44.1


# acme_latin

The CSS and web font files to easily self-host “Acme” with subset "latin".

## Install

`npm install --save @openfonts/acme_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Acme typeface
require('@openfonts/acme_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/acme_latin/index.css";
```
npm package: @openfonts/actor_latin
Description: Actor latin typeface
Author: Jan Bednar
Latest version: 1.44.1


# actor_latin

The CSS and web font files to easily self-host “Actor” with subset "latin".

## Install

`npm install --save @openfonts/actor_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Actor typeface
require('@openfonts/actor_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/actor_latin/index.css";
```
npm package: @openfonts/adamina_latin
Description: Adamina latin typeface
Author: Jan Bednar
Latest version: 1.44.2


# adamina_latin

The CSS and web font files to easily self-host “Adamina” with subset "latin".

## Install

`npm install --save @openfonts/adamina_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Adamina typeface
require('@openfonts/adamina_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/adamina_latin/index.css";
```
npm package: @openfonts/advent-pro_all
Description: Advent Pro all typeface
Author: Jan Bednar
Latest version: 1.44.2


# advent-pro_all

The CSS and web font files to easily self-host “Advent Pro” with subset "all".

## Install

`npm install --save @openfonts/advent-pro_all`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Advent Pro typeface
require('@openfonts/advent-pro_all')
```

Usage in SCSS:
```scss
@import "~@openfonts/advent-pro_all/index.css";
```
npm package: @openfonts/advent-pro_greek
Description: Advent Pro greek typeface
Author: Jan Bednar
Latest version: 1.44.2


# advent-pro_greek

The CSS and web font files to easily self-host “Advent Pro” with subset "greek".

## Install

`npm install --save @openfonts/advent-pro_greek`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Advent Pro typeface
require('@openfonts/advent-pro_greek')
```

Usage in SCSS:
```scss
@import "~@openfonts/advent-pro_greek/index.css";
```
npm package: @openfonts/advent-pro_latin
Description: Advent Pro latin typeface
Author: Jan Bednar
Latest version: 1.44.1


# advent-pro_latin

The CSS and web font files to easily self-host “Advent Pro” with subset "latin".

## Install

`npm install --save @openfonts/advent-pro_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Advent Pro typeface
require('@openfonts/advent-pro_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/advent-pro_latin/index.css";
```
npm package: @openfonts/advent-pro_latin-ext
Description: Advent Pro latin-ext typeface
Author: Jan Bednar
Latest version: 1.44.2


# advent-pro_latin-ext

The CSS and web font files to easily self-host “Advent Pro” with subset "latin-ext".

## Install

`npm install --save @openfonts/advent-pro_latin-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Advent Pro typeface
require('@openfonts/advent-pro_latin-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/advent-pro_latin-ext/index.css";
```
npm package: @openfonts/aguafina-script_latin
Description: Aguafina Script latin typeface
Author: Jan Bednar
Latest version: 1.44.2


# aguafina-script_latin

The CSS and web font files to easily self-host “Aguafina Script” with subset "latin".

## Install

`npm install --save @openfonts/aguafina-script_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Aguafina Script typeface
require('@openfonts/aguafina-script_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/aguafina-script_latin/index.css";
```
npm package: @openfonts/aguafina-script_latin-ext
Description: Aguafina Script latin-ext typeface
Author: Jan Bednar
Latest version: 1.44.2


# aguafina-script_latin-ext

The CSS and web font files to easily self-host “Aguafina Script” with subset "latin-ext".

## Install

`npm install --save @openfonts/aguafina-script_latin-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Aguafina Script typeface
require('@openfonts/aguafina-script_latin-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/aguafina-script_latin-ext/index.css";
```
npm package: @openfonts/akronim_latin
Description: Akronim latin typeface
Author: Jan Bednar
Latest version: 1.44.2


# akronim_latin

The CSS and web font files to easily self-host “Akronim” with subset "latin".

## Install

`npm install --save @openfonts/akronim_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Akronim typeface
require('@openfonts/akronim_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/akronim_latin/index.css";
```
npm package: @openfonts/akronim_latin-ext
Description: Akronim latin-ext typeface
Author: Jan Bednar
Latest version: 1.44.2


# akronim_latin-ext

The CSS and web font files to easily self-host “Akronim” with subset "latin-ext".

## Install

`npm install --save @openfonts/akronim_latin-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Akronim typeface
require('@openfonts/akronim_latin-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/akronim_latin-ext/index.css";
```
npm package: @openfonts/aladin_latin
Description: Aladin latin typeface
Author: Jan Bednar
Latest version: 1.44.2


# aladin_latin

The CSS and web font files to easily self-host “Aladin” with subset "latin".

## Install

`npm install --save @openfonts/aladin_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Aladin typeface
require('@openfonts/aladin_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/aladin_latin/index.css";
```
npm package: @openfonts/aladin_latin-ext
Description: Aladin latin-ext typeface
Author: Jan Bednar
Latest version: 1.44.2


# aladin_latin-ext

The CSS and web font files to easily self-host “Aladin” with subset "latin-ext".

## Install

`npm install --save @openfonts/aladin_latin-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Aladin typeface
require('@openfonts/aladin_latin-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/aladin_latin-ext/index.css";
```
npm package: @openfonts/alata_all
Description: Alata all typeface
Author: Jan Bednar
Latest version: 1.0.2


# alata_all

The CSS and web font files to easily self-host “Alata” with subset "all".

## Install

`npm install --save @openfonts/alata_all`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alata typeface
require('@openfonts/alata_all')
```

Usage in SCSS:
```scss
@import "~@openfonts/alata_all/index.css";
```
npm package: @openfonts/alata_latin
Description: Alata latin typeface
Author: Jan Bednar
Latest version: 1.0.2


# alata_latin

The CSS and web font files to easily self-host “Alata” with subset "latin".

## Install

`npm install --save @openfonts/alata_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alata typeface
require('@openfonts/alata_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/alata_latin/index.css";
```
npm package: @openfonts/alata_latin-ext
Description: Alata latin-ext typeface
Author: Jan Bednar
Latest version: 1.0.2


# alata_latin-ext

The CSS and web font files to easily self-host “Alata” with subset "latin-ext".

## Install

`npm install --save @openfonts/alata_latin-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alata typeface
require('@openfonts/alata_latin-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/alata_latin-ext/index.css";
```
npm package: @openfonts/alata_vietnamese
Description: Alata vietnamese typeface
Author: Jan Bednar
Latest version: 1.0.2


# alata_vietnamese

The CSS and web font files to easily self-host “Alata” with subset "vietnamese".

## Install

`npm install --save @openfonts/alata_vietnamese`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alata typeface
require('@openfonts/alata_vietnamese')
```

Usage in SCSS:
```scss
@import "~@openfonts/alata_vietnamese/index.css";
```
npm package: @openfonts/alatsi_all
Description: Alatsi all typeface
Author: Jan Bednar
Latest version: 1.0.2


# alatsi_all

The CSS and web font files to easily self-host “Alatsi” with subset "all".

## Install

`npm install --save @openfonts/alatsi_all`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alatsi typeface
require('@openfonts/alatsi_all')
```

Usage in SCSS:
```scss
@import "~@openfonts/alatsi_all/index.css";
```
npm package: @openfonts/alatsi_latin
Description: Alatsi latin typeface
Author: Jan Bednar
Latest version: 1.0.2


# alatsi_latin

The CSS and web font files to easily self-host “Alatsi” with subset "latin".

## Install

`npm install --save @openfonts/alatsi_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alatsi typeface
require('@openfonts/alatsi_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/alatsi_latin/index.css";
```
npm package: @openfonts/alatsi_latin-ext
Description: Alatsi latin-ext typeface
Author: Jan Bednar
Latest version: 1.0.2


# alatsi_latin-ext

The CSS and web font files to easily self-host “Alatsi” with subset "latin-ext".

## Install

`npm install --save @openfonts/alatsi_latin-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alatsi typeface
require('@openfonts/alatsi_latin-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/alatsi_latin-ext/index.css";
```
npm package: @openfonts/alatsi_vietnamese
Description: Alatsi vietnamese typeface
Author: Jan Bednar
Latest version: 1.0.2


# alatsi_vietnamese

The CSS and web font files to easily self-host “Alatsi” with subset "vietnamese".

## Install

`npm install --save @openfonts/alatsi_vietnamese`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alatsi typeface
require('@openfonts/alatsi_vietnamese')
```

Usage in SCSS:
```scss
@import "~@openfonts/alatsi_vietnamese/index.css";
```
npm package: @openfonts/aldrich_latin
Description: Aldrich latin typeface
Author: Jan Bednar
Latest version: 1.44.2


# aldrich_latin

The CSS and web font files to easily self-host “Aldrich” with subset "latin".

## Install

`npm install --save @openfonts/aldrich_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Aldrich typeface
require('@openfonts/aldrich_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/aldrich_latin/index.css";
```
npm package: @openfonts/alef_hebrew
Description: Alef hebrew typeface
Author: Jan Bednar
Latest version: 1.44.2


# alef_hebrew

The CSS and web font files to easily self-host “Alef” with subset "hebrew".

## Install

`npm install --save @openfonts/alef_hebrew`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alef typeface
require('@openfonts/alef_hebrew')
```

Usage in SCSS:
```scss
@import "~@openfonts/alef_hebrew/index.css";
```
npm package: @openfonts/alef_latin
Description: Alef latin typeface
Author: Jan Bednar
Latest version: 1.44.2


# alef_latin

The CSS and web font files to easily self-host “Alef” with subset "latin".

## Install

`npm install --save @openfonts/alef_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alef typeface
require('@openfonts/alef_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/alef_latin/index.css";
```
npm package: @openfonts/alegreya-sans-sc_all
Description: Alegreya Sans SC all typeface
Author: Jan Bednar
Latest version: 1.44.4


# alegreya-sans-sc_all

The CSS and web font files to easily self-host “Alegreya Sans SC” with subset "all".

## Install

`npm install --save @openfonts/alegreya-sans-sc_all`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans SC typeface
require('@openfonts/alegreya-sans-sc_all')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans-sc_all/index.css";
```
npm package: @openfonts/alegreya-sans-sc_cyrillic
Description: Alegreya Sans SC cyrillic typeface
Author: Jan Bednar
Latest version: 1.44.2


# alegreya-sans-sc_cyrillic

The CSS and web font files to easily self-host “Alegreya Sans SC” with subset "cyrillic".

## Install

`npm install --save @openfonts/alegreya-sans-sc_cyrillic`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans SC typeface
require('@openfonts/alegreya-sans-sc_cyrillic')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans-sc_cyrillic/index.css";
```
npm package: @openfonts/alegreya-sans-sc_cyrillic-ext
Description: Alegreya Sans SC cyrillic-ext typeface
Author: Jan Bednar
Latest version: 1.44.2


# alegreya-sans-sc_cyrillic-ext

The CSS and web font files to easily self-host “Alegreya Sans SC” with subset "cyrillic-ext".

## Install

`npm install --save @openfonts/alegreya-sans-sc_cyrillic-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans SC typeface
require('@openfonts/alegreya-sans-sc_cyrillic-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans-sc_cyrillic-ext/index.css";
```
npm package: @openfonts/alegreya-sans-sc_greek
Description: Alegreya Sans SC greek typeface
Author: Jan Bednar
Latest version: 1.44.2


# alegreya-sans-sc_greek

The CSS and web font files to easily self-host “Alegreya Sans SC” with subset "greek".

## Install

`npm install --save @openfonts/alegreya-sans-sc_greek`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans SC typeface
require('@openfonts/alegreya-sans-sc_greek')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans-sc_greek/index.css";
```
npm package: @openfonts/alegreya-sans-sc_greek-ext
Description: Alegreya Sans SC greek-ext typeface
Author: Jan Bednar
Latest version: 1.44.2


# alegreya-sans-sc_greek-ext

The CSS and web font files to easily self-host “Alegreya Sans SC” with subset "greek-ext".

## Install

`npm install --save @openfonts/alegreya-sans-sc_greek-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans SC typeface
require('@openfonts/alegreya-sans-sc_greek-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans-sc_greek-ext/index.css";
```
npm package: @openfonts/alegreya-sans-sc_latin
Description: Alegreya Sans SC latin typeface
Author: Jan Bednar
Latest version: 1.44.2


# alegreya-sans-sc_latin

The CSS and web font files to easily self-host “Alegreya Sans SC” with subset "latin".

## Install

`npm install --save @openfonts/alegreya-sans-sc_latin`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans SC typeface
require('@openfonts/alegreya-sans-sc_latin')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans-sc_latin/index.css";
```
npm package: @openfonts/alegreya-sans-sc_latin-ext
Description: Alegreya Sans SC latin-ext typeface
Author: Jan Bednar
Latest version: 1.44.3


# alegreya-sans-sc_latin-ext

The CSS and web font files to easily self-host “Alegreya Sans SC” with subset "latin-ext".

## Install

`npm install --save @openfonts/alegreya-sans-sc_latin-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans SC typeface
require('@openfonts/alegreya-sans-sc_latin-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans-sc_latin-ext/index.css";
```
npm package: @openfonts/alegreya-sans-sc_vietnamese
Description: Alegreya Sans SC vietnamese typeface
Author: Jan Bednar
Latest version: 1.44.2


# alegreya-sans-sc_vietnamese

The CSS and web font files to easily self-host “Alegreya Sans SC” with subset "vietnamese".

## Install

`npm install --save @openfonts/alegreya-sans-sc_vietnamese`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans SC typeface
require('@openfonts/alegreya-sans-sc_vietnamese')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans-sc_vietnamese/index.css";
```
npm package: @openfonts/alegreya-sans_all
Description: Alegreya Sans all typeface
Author: Jan Bednar
Latest version: 1.44.2


# alegreya-sans_all

The CSS and web font files to easily self-host “Alegreya Sans” with subset "all".

## Install

`npm install --save @openfonts/alegreya-sans_all`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans typeface
require('@openfonts/alegreya-sans_all')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans_all/index.css";
```
npm package: @openfonts/alegreya-sans_cyrillic
Description: Alegreya Sans cyrillic typeface
Author: Jan Bednar
Latest version: 1.44.2


# alegreya-sans_cyrillic

The CSS and web font files to easily self-host “Alegreya Sans” with subset "cyrillic".

## Install

`npm install --save @openfonts/alegreya-sans_cyrillic`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans typeface
require('@openfonts/alegreya-sans_cyrillic')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans_cyrillic/index.css";
```
npm package: @openfonts/alegreya-sans_cyrillic-ext
Description: Alegreya Sans cyrillic-ext typeface
Author: Jan Bednar
Latest version: 1.44.2


# alegreya-sans_cyrillic-ext

The CSS and web font files to easily self-host “Alegreya Sans” with subset "cyrillic-ext".

## Install

`npm install --save @openfonts/alegreya-sans_cyrillic-ext`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as [Gatsby](https://github.com/gatsbyjs/gatsby)
and [Create React App](https://github.com/facebookincubator/create-react-app).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Alegreya Sans typeface
require('@openfonts/alegreya-sans_cyrillic-ext')
```

Usage in SCSS:
```scss
@import "~@openfonts/alegreya-sans_cyrillic-ext/index.css";
```