open-index/open-npm huggingface dataset:
npm package: @fontsource/coming-soon
Description: Self-host the Coming Soon font in a neatly bundled NPM package.
Author: Google Inc.
Latest version: 5.2.8

# Fontsource Coming Soon

[![npm (scoped)](https://img.shields.io/npm/v/@fontsource/coming-soon?color=brightgreen)](https://www.npmjs.com/package/@fontsource/coming-soon) [![Generic badge](https://img.shields.io/badge/fontsource-passing-brightgreen)](https://github.com/fontsource/fontsource) [![Monthly downloads](https://badgen.net/npm/dm/@fontsource/coming-soon)](https://github.com/fontsource/fontsource) [![Total downloads](https://badgen.net/npm/dt/@fontsource/coming-soon)](https://github.com/fontsource/fontsource) [![GitHub stars](https://img.shields.io/github/stars/fontsource/fontsource.svg?style=social&label=Star)](https://github.com/fontsource/fontsource/stargazers)

The CSS and web font files to easily self-host the “Coming Soon” font. Please visit the main [Fontsource website](https://fontsource.org/fonts/coming-soon) to view more details on this package.

## Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation [here](https://fontsource.org/docs/getting-started/introduction).

```javascript
npm install @fontsource/coming-soon
```

Within your app entry file or site component, import it in.

```javascript
import "@fontsource/coming-soon"; // Defaults to weight 400
import "@fontsource/coming-soon/400.css"; // Specify weight
import "@fontsource/coming-soon/400-italic.css"; // Specify weight and style
```

Supported variables:
- Weights: `[400]`
- Styles: `[normal]`
- Subsets: `[latin]`

> Note: `italic` may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the [Fontsource website](https://fontsource.org/fonts/coming-soon).

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

```css
body {
  font-family: "Coming Soon";
}
```

## Licensing
Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Copyright (c) 2010 by Open Window. All rights reserved.
[Apache-2.0](http://www.apache.org/licenses/LICENSE-2.0)

## Other Notes
Font version (provided by source): `v20`.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an [issue](https://github.com/fontsource/fontsource/issues).
npm package: @fontsource/crushed
Description: Self-host the Crushed font in a neatly bundled NPM package.
Author: Google Inc.
Latest version: 5.2.8

# Fontsource Crushed

[![npm (scoped)](https://img.shields.io/npm/v/@fontsource/crushed?color=brightgreen)](https://www.npmjs.com/package/@fontsource/crushed) [![Generic badge](https://img.shields.io/badge/fontsource-passing-brightgreen)](https://github.com/fontsource/fontsource) [![Monthly downloads](https://badgen.net/npm/dm/@fontsource/crushed)](https://github.com/fontsource/fontsource) [![Total downloads](https://badgen.net/npm/dt/@fontsource/crushed)](https://github.com/fontsource/fontsource) [![GitHub stars](https://img.shields.io/github/stars/fontsource/fontsource.svg?style=social&label=Star)](https://github.com/fontsource/fontsource/stargazers)

The CSS and web font files to easily self-host the “Crushed” font. Please visit the main [Fontsource website](https://fontsource.org/fonts/crushed) to view more details on this package.

## Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation [here](https://fontsource.org/docs/getting-started/introduction).

```javascript
npm install @fontsource/crushed
```

Within your app entry file or site component, import it in.

```javascript
import "@fontsource/crushed"; // Defaults to weight 400
import "@fontsource/crushed/400.css"; // Specify weight
import "@fontsource/crushed/400-italic.css"; // Specify weight and style
```

Supported variables:
- Weights: `[400]`
- Styles: `[normal]`
- Subsets: `[latin,latin-ext]`

> Note: `italic` may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the [Fontsource website](https://fontsource.org/fonts/crushed).

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

```css
body {
  font-family: "Crushed";
}
```

## Licensing
Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Copyright (c) 2010 by Brian J. Bonislawsky DBA Astigmatic (AOETI). All rights reserved. Available under the Apache 2.0 licence. http://www.apache.org/licenses/LICENSE-2.0.html
[Apache-2.0](http://www.apache.org/licenses/LICENSE-2.0)

## Other Notes
Font version (provided by source): `v32`.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an [issue](https://github.com/fontsource/fontsource/issues).
npm package: @fontsource/fontdiner-swanky
Description: Self-host the Fontdiner Swanky font in a neatly bundled NPM package.
Author: Google Inc.
Latest version: 5.2.7

# Fontsource Fontdiner Swanky

[![npm (scoped)](https://img.shields.io/npm/v/@fontsource/fontdiner-swanky?color=brightgreen)](https://www.npmjs.com/package/@fontsource/fontdiner-swanky) [![Generic badge](https://img.shields.io/badge/fontsource-passing-brightgreen)](https://github.com/fontsource/fontsource) [![Monthly downloads](https://badgen.net/npm/dm/@fontsource/fontdiner-swanky)](https://github.com/fontsource/fontsource) [![Total downloads](https://badgen.net/npm/dt/@fontsource/fontdiner-swanky)](https://github.com/fontsource/fontsource) [![GitHub stars](https://img.shields.io/github/stars/fontsource/fontsource.svg?style=social&label=Star)](https://github.com/fontsource/fontsource/stargazers)

The CSS and web font files to easily self-host the “Fontdiner Swanky” font. Please visit the main [Fontsource website](https://fontsource.org/fonts/fontdiner-swanky) to view more details on this package.

## Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation [here](https://fontsource.org/docs/getting-started/introduction).

```javascript
npm install @fontsource/fontdiner-swanky
```

Within your app entry file or site component, import it in.

```javascript
import "@fontsource/fontdiner-swanky"; // Defaults to weight 400
import "@fontsource/fontdiner-swanky/400.css"; // Specify weight
import "@fontsource/fontdiner-swanky/400-italic.css"; // Specify weight and style
```

Supported variables:
- Weights: `[400]`
- Styles: `[normal]`
- Subsets: `[latin]`

> Note: `italic` may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the [Fontsource website](https://fontsource.org/fonts/fontdiner-swanky).

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

```css
body {
  font-family: "Fontdiner Swanky";
}
```

## Licensing
Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Copyright (c) 2010 by Font Diner, Inc. All rights reserved.
[Apache-2.0](http://www.apache.org/licenses/LICENSE-2.0)

## Other Notes
Font version (provided by source): `v24`.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an [issue](https://github.com/fontsource/fontsource/issues).
npm package: @fontsource/homemade-apple
Description: Self-host the Homemade Apple font in a neatly bundled NPM package.
Author: Google Inc.
Latest version: 5.2.8

# Fontsource Homemade Apple

[![npm (scoped)](https://img.shields.io/npm/v/@fontsource/homemade-apple?color=brightgreen)](https://www.npmjs.com/package/@fontsource/homemade-apple) [![Generic badge](https://img.shields.io/badge/fontsource-passing-brightgreen)](https://github.com/fontsource/fontsource) [![Monthly downloads](https://badgen.net/npm/dm/@fontsource/homemade-apple)](https://github.com/fontsource/fontsource) [![Total downloads](https://badgen.net/npm/dt/@fontsource/homemade-apple)](https://github.com/fontsource/fontsource) [![GitHub stars](https://img.shields.io/github/stars/fontsource/fontsource.svg?style=social&label=Star)](https://github.com/fontsource/fontsource/stargazers)

The CSS and web font files to easily self-host the “Homemade Apple” font. Please visit the main [Fontsource website](https://fontsource.org/fonts/homemade-apple) to view more details on this package.

## Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation [here](https://fontsource.org/docs/getting-started/introduction).

```javascript
npm install @fontsource/homemade-apple
```

Within your app entry file or site component, import it in.

```javascript
import "@fontsource/homemade-apple"; // Defaults to weight 400
import "@fontsource/homemade-apple/400.css"; // Specify weight
import "@fontsource/homemade-apple/400-italic.css"; // Specify weight and style
```

Supported variables:
- Weights: `[400]`
- Styles: `[normal]`
- Subsets: `[latin]`

> Note: `italic` may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the [Fontsource website](https://fontsource.org/fonts/homemade-apple).

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

```css
body {
  font-family: "Homemade Apple";
}
```

## Licensing
Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Copyright (c) 2010 by Font Diner, Inc. All rights reserved.
[Apache-2.0](http://www.apache.org/licenses/LICENSE-2.0)

## Other Notes
Font version (provided by source): `v24`.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an [issue](https://github.com/fontsource/fontsource/issues).
npm package: @fontsource/just-another-hand
Description: Self-host the Just Another Hand font in a neatly bundled NPM package.
Author: Google Inc.
Latest version: 5.2.8

# Fontsource Just Another Hand

[![npm (scoped)](https://img.shields.io/npm/v/@fontsource/just-another-hand?color=brightgreen)](https://www.npmjs.com/package/@fontsource/just-another-hand) [![Generic badge](https://img.shields.io/badge/fontsource-passing-brightgreen)](https://github.com/fontsource/fontsource) [![Monthly downloads](https://badgen.net/npm/dm/@fontsource/just-another-hand)](https://github.com/fontsource/fontsource) [![Total downloads](https://badgen.net/npm/dt/@fontsource/just-another-hand)](https://github.com/fontsource/fontsource) [![GitHub stars](https://img.shields.io/github/stars/fontsource/fontsource.svg?style=social&label=Star)](https://github.com/fontsource/fontsource/stargazers)

The CSS and web font files to easily self-host the “Just Another Hand” font. Please visit the main [Fontsource website](https://fontsource.org/fonts/just-another-hand) to view more details on this package.

## Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation [here](https://fontsource.org/docs/getting-started/introduction).

```javascript
npm install @fontsource/just-another-hand
```

Within your app entry file or site component, import it in.

```javascript
import "@fontsource/just-another-hand"; // Defaults to weight 400
import "@fontsource/just-another-hand/400.css"; // Specify weight
import "@fontsource/just-another-hand/400-italic.css"; // Specify weight and style
```

Supported variables:
- Weights: `[400]`
- Styles: `[normal]`
- Subsets: `[latin,latin-ext]`

> Note: `italic` may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the [Fontsource website](https://fontsource.org/fonts/just-another-hand).

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

```css
body {
  font-family: "Just Another Hand";
}
```

## Licensing
Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Copyright (c) 2010 by Brian J. Bonislawsky DBA Astigmatic (AOETI). All rights reserved. Available under the Apache 2.0 licence. http://www.apache.org/licenses/LICENSE-2.0.html
[Apache-2.0](http://www.apache.org/licenses/LICENSE-2.0)

## Other Notes
Font version (provided by source): `v21`.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an [issue](https://github.com/fontsource/fontsource/issues).
npm package: @fontsource/kosugi-maru
Description: Self-host the Kosugi Maru font in a neatly bundled NPM package.
Author: Google Inc.
Latest version: 5.2.8

# Fontsource Kosugi Maru

[![npm (scoped)](https://img.shields.io/npm/v/@fontsource/kosugi-maru?color=brightgreen)](https://www.npmjs.com/package/@fontsource/kosugi-maru) [![Generic badge](https://img.shields.io/badge/fontsource-passing-brightgreen)](https://github.com/fontsource/fontsource) [![Monthly downloads](https://badgen.net/npm/dm/@fontsource/kosugi-maru)](https://github.com/fontsource/fontsource) [![Total downloads](https://badgen.net/npm/dt/@fontsource/kosugi-maru)](https://github.com/fontsource/fontsource) [![GitHub stars](https://img.shields.io/github/stars/fontsource/fontsource.svg?style=social&label=Star)](https://github.com/fontsource/fontsource/stargazers)

The CSS and web font files to easily self-host the “Kosugi Maru” font. Please visit the main [Fontsource website](https://fontsource.org/fonts/kosugi-maru) to view more details on this package.

## Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation [here](https://fontsource.org/docs/getting-started/introduction).

```javascript
npm install @fontsource/kosugi-maru
```

Within your app entry file or site component, import it in.

```javascript
import "@fontsource/kosugi-maru"; // Defaults to weight 400
import "@fontsource/kosugi-maru/400.css"; // Specify weight
import "@fontsource/kosugi-maru/400-italic.css"; // Specify weight and style
```

Supported variables:
- Weights: `[400]`
- Styles: `[normal]`
- Subsets: `[cyrillic,japanese,latin,latin-ext]`

> Note: `italic` may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the [Fontsource website](https://fontsource.org/fonts/kosugi-maru).

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

```css
body {
  font-family: "Kosugi Maru";
}
```

## Licensing
Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Copyright 2010 The Kosugi Maru Project Authors (https://github.com/googlefonts/kosugi-maru)
[Apache-2.0](http://www.apache.org/licenses/LICENSE-2.0)

## Other Notes
Font version (provided by source): `v17`.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an [issue](https://github.com/fontsource/fontsource/issues).
npm package: @fontsource/luckiest-guy
Description: Self-host the Luckiest Guy font in a neatly bundled NPM package.
Author: Google Inc.
Latest version: 5.2.8

# Fontsource Luckiest Guy

[![npm (scoped)](https://img.shields.io/npm/v/@fontsource/luckiest-guy?color=brightgreen)](https://www.npmjs.com/package/@fontsource/luckiest-guy) [![Generic badge](https://img.shields.io/badge/fontsource-passing-brightgreen)](https://github.com/fontsource/fontsource) [![Monthly downloads](https://badgen.net/npm/dm/@fontsource/luckiest-guy)](https://github.com/fontsource/fontsource) [![Total downloads](https://badgen.net/npm/dt/@fontsource/luckiest-guy)](https://github.com/fontsource/fontsource) [![GitHub stars](https://img.shields.io/github/stars/fontsource/fontsource.svg?style=social&label=Star)](https://github.com/fontsource/fontsource/stargazers)

The CSS and web font files to easily self-host the “Luckiest Guy” font. Please visit the main [Fontsource website](https://fontsource.org/fonts/luckiest-guy) to view more details on this package.

## Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation [here](https://fontsource.org/docs/getting-started/introduction).

```javascript
npm install @fontsource/luckiest-guy
```

Within your app entry file or site component, import it in.

```javascript
import "@fontsource/luckiest-guy"; // Defaults to weight 400
import "@fontsource/luckiest-guy/400.css"; // Specify weight
import "@fontsource/luckiest-guy/400-italic.css"; // Specify weight and style
```

Supported variables:
- Weights: `[400]`
- Styles: `[normal]`
- Subsets: `[latin,latin-ext]`

> Note: `italic` may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the [Fontsource website](https://fontsource.org/fonts/luckiest-guy).

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

```css
body {
  font-family: "Luckiest Guy";
}
```

## Licensing
Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Copyright (c) 2010 by Brian J. Bonislawsky DBA Astigmatic (AOETI). All rights reserved. Available under the Apache 2.0 licence. http://www.apache.org/licenses/LICENSE-2.0.html
[Apache-2.0](http://www.apache.org/licenses/LICENSE-2.0)

## Other Notes
Font version (provided by source): `v25`.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an [issue](https://github.com/fontsource/fontsource/issues).
npm package: @fontsource/maiden-orange
Description: Self-host the Maiden Orange font in a neatly bundled NPM package.
Author: Google Inc.
Latest version: 5.2.8

# Fontsource Maiden Orange

[![npm (scoped)](https://img.shields.io/npm/v/@fontsource/maiden-orange?color=brightgreen)](https://www.npmjs.com/package/@fontsource/maiden-orange) [![Generic badge](https://img.shields.io/badge/fontsource-passing-brightgreen)](https://github.com/fontsource/fontsource) [![Monthly downloads](https://badgen.net/npm/dm/@fontsource/maiden-orange)](https://github.com/fontsource/fontsource) [![Total downloads](https://badgen.net/npm/dt/@fontsource/maiden-orange)](https://github.com/fontsource/fontsource) [![GitHub stars](https://img.shields.io/github/stars/fontsource/fontsource.svg?style=social&label=Star)](https://github.com/fontsource/fontsource/stargazers)

The CSS and web font files to easily self-host the “Maiden Orange” font. Please visit the main [Fontsource website](https://fontsource.org/fonts/maiden-orange) to view more details on this package.

## Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation [here](https://fontsource.org/docs/getting-started/introduction).

```javascript
npm install @fontsource/maiden-orange
```

Within your app entry file or site component, import it in.

```javascript
import "@fontsource/maiden-orange"; // Defaults to weight 400
import "@fontsource/maiden-orange/400.css"; // Specify weight
import "@fontsource/maiden-orange/400-italic.css"; // Specify weight and style
```

Supported variables:
- Weights: `[400]`
- Styles: `[normal]`
- Subsets: `[latin,latin-ext]`

> Note: `italic` may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the [Fontsource website](https://fontsource.org/fonts/maiden-orange).

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

```css
body {
  font-family: "Maiden Orange";
}
```

## Licensing
Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Copyright (c) 2010 by Brian J. Bonislawsky DBA Astigmatic (AOETI). All rights reserved. Available under the Apache 2.0 licence. http://www.apache.org/licenses/LICENSE-2.0.html
[Apache-2.0](http://www.apache.org/licenses/LICENSE-2.0)

## Other Notes
Font version (provided by source): `v32`.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an [issue](https://github.com/fontsource/fontsource/issues).