You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.1 KiB
71 lines
2.1 KiB
8 years ago
|
# Neutrino Font Loader Middleware
|
||
|
|
[![NPM version][npm-image]][npm-url] [![NPM downloads][npm-downloads]][npm-url] [![Join Slack][slack-image]][slack-url]
|
||
|
|
|
||
|
|
`neutrino-middleware-font-loader` is Neutrino middleware for loading and importing font files from modules.
|
||
|
|
|
||
|
|
## Requirements
|
||
|
|
|
||
|
|
- Node.js v6.9+
|
||
|
|
- Yarn or npm client
|
||
|
|
- Neutrino v5
|
||
|
|
|
||
|
|
## Installation
|
||
|
|
|
||
|
|
`neutrino-middleware-font-loader` can be installed via the Yarn or npm clients.
|
||
|
|
|
||
|
|
#### Yarn
|
||
|
|
|
||
|
|
```bash
|
||
|
|
❯ yarn add neutrino-middleware-font-loader
|
||
|
|
```
|
||
|
|
|
||
|
|
#### npm
|
||
|
|
|
||
|
|
```bash
|
||
|
|
❯ npm install --save neutrino-middleware-font-loader
|
||
|
|
```
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
`neutrino-middleware-font-loader` can be consumed from the Neutrino API, middleware, or presets. Require this package
|
||
|
|
and plug it into Neutrino:
|
||
|
|
|
||
|
|
```js
|
||
|
|
const fonts = require('neutrino-middleware-font-loader');
|
||
|
|
|
||
|
|
// Use with default options
|
||
|
|
neutrino.use(fonts);
|
||
|
|
|
||
|
|
// Usage showing default options
|
||
|
|
neutrino.use(fonts, {
|
||
|
|
limit: '10000'
|
||
|
|
});
|
||
|
|
```
|
||
|
|
|
||
|
|
- `limit`: Return a Data URL if the file is smaller than a byte limit.
|
||
|
|
|
||
|
|
## Customization
|
||
|
|
|
||
|
|
`neutrino-middleware-font-loader` creates some conventions to make overriding the configuration easier once you are
|
||
|
|
ready to make changes.
|
||
|
|
|
||
|
|
### Rules
|
||
|
|
|
||
|
|
The following is a list of rules and their identifiers which can be overridden:
|
||
|
|
|
||
|
|
- `woff`: Allows importing WOFF font files from modules. Contains a single loader named `url`.
|
||
|
|
- `ttf`: Allows importing TTF font files from modules. Contains a single loader named `url`.
|
||
|
|
- `eot`: Allows importing EOT font files from modules. Contains a single loader named `file`.
|
||
|
|
|
||
|
|
## Contributing
|
||
|
|
|
||
|
|
This preset is part of the [neutrino-dev](https://github.com/mozilla-neutrino/neutrino-dev) repository, a monorepo
|
||
|
|
containing all resources for developing Neutrino and its core presets. Follow the
|
||
|
|
[contributing guide](https://neutrino.js.org/contributing) for details.
|
||
|
|
|
||
|
|
[npm-image]: https://img.shields.io/npm/v/neutrino-middleware-font-loader.svg
|
||
|
|
[npm-downloads]: https://img.shields.io/npm/dt/neutrino-middleware-font-loader.svg
|
||
|
|
[npm-url]: https://npmjs.org/package/neutrino-middleware-font-loader
|
||
|
|
[slack-image]: https://neutrino-slack.herokuapp.com/badge.svg
|
||
|
|
[slack-url]: https://neutrino-slack.herokuapp.com/
|