# gatsby-plugin-web-font-loader

> A Gatsby plugin to asynchronously load webfonts using [Web Font Loader](https://github.com/typekit/webfontloader). Can load fonts from [Google Fonts](http://www.google.com/fonts/), [Typekit](http://www.typekit.com/), [Fonts.com](http://www.fonts.com/), a

Latest version **1.0.4** (published 2018-08-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install gatsby-plugin-web-font-loader
pnpm add gatsby-plugin-web-font-loader
yarn add gatsby-plugin-web-font-loader
bun add gatsby-plugin-web-font-loader
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2018-08-20 |
| First published | 2018-07-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 3.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Kennedy Rose |
| Maintainers | ken85rose, suhay, tbaustin |
| Keywords | gatsby-plugin, gatsby, plugin, web, font, loader, google, typekit, webfont, webfontloader, fonts.com, fontdeck |

## Links

- npm: https://www.npmjs.com/package/gatsby-plugin-web-font-loader
- Repository: https://github.com/escaladesports/gatsby-plugin-web-font-loader
- Homepage: https://github.com/escaladesports/gatsby-plugin-web-font-loader#readme
- Issues: https://github.com/escaladesports/gatsby-plugin-web-font-loader/issues
- npm.io page: https://npm.io/package/gatsby-plugin-web-font-loader

## Dependencies (2)

- [babel-runtime](https://npm.io/package/babel-runtime.md) ^6.26.0
- [webfontloader](https://npm.io/package/webfontloader.md) ^1.6.28

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 1.0.4 (latest) — 2018-08-20
- 1.0.3 — 2018-07-30
- 1.0.2 — 2018-07-05
- 1.0.1 — 2018-07-05
- 1.0.0 — 2018-07-05

## README

# gatsby-plugin-web-font-loader

A Gatsby plugin to asynchronously load webfonts using [Web Font Loader](https://github.com/typekit/webfontloader). Can load fonts from [Google Fonts](http://www.google.com/fonts/), [Typekit](http://www.typekit.com/),  [Fonts.com](http://www.fonts.com/), and [Fontdeck](http://fontdeck.com/), as well as self-hosted web fonts.

## Installation

With npm:

```bash
npm install --save gatsby-plugin-web-font-loader
```

Or with Yarn:

```bash
yarn add gatsby-plugin-web-font-loader
```

## Usage

In your `gatsby-config.js` file, load in the plugin along with which web fonts to load. For example, loading Google Fonts could look like this:

```javascript
module.exports = {
  plugins: [
    {
      resolve: 'gatsby-plugin-web-font-loader',
      options: {
        google: {
          families: ['Droid Sans', 'Droid Serif']
        }
      }
    }
  ]
}
```

For a list of all available options, consult the [Web Font Loader readme](https://github.com/typekit/webfontloader).

---
_Source: https://npm.io/package/gatsby-plugin-web-font-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._