# ember-typeface

> Easily add typefaces (fonts) to your Ember projects.

Latest version **1.0.1** (published 2020-05-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install ember-typeface
pnpm add ember-typeface
yarn add ember-typeface
bun add ember-typeface
```

## 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.1 |
| Published | 2020-05-25 |
| First published | 2017-11-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 6.9 |
| Dependencies | 8 |
| Unpacked size | 24.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 11 |
| Author | Jeff Jewiss |
| Maintainers | jeffjewiss |
| Keywords | ember-addon, font, font-face, typeface, typography, webfont |

## Links

- npm: https://www.npmjs.com/package/ember-typeface
- Repository: https://github.com/jeffjewiss/ember-typeface
- Issues: https://github.com/jeffjewiss/ember-typeface/issues
- npm.io page: https://npm.io/package/ember-typeface

## Dependencies (8)

- [globby](https://npm.io/package/globby.md) ^11.0.0
- [titleize](https://npm.io/package/titleize.md) ^2.0.0
- [deepmerge](https://npm.io/package/deepmerge.md) ^4.0.0
- [fuzzysearch](https://npm.io/package/fuzzysearch.md) ^1.0.3
- [ember-cli-babel](https://npm.io/package/ember-cli-babel.md) ^7.1.0
- [humanize-string](https://npm.io/package/humanize-string.md) ^2.0.0
- [detect-installed](https://npm.io/package/detect-installed.md) ^2.0.4
- [ember-cli-version-checker](https://npm.io/package/ember-cli-version-checker.md) ^5.0.1

## Alternatives

- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads

## Recent versions

- 1.0.1 (latest) — 2020-05-25
- 1.0.0 — 2019-01-30
- 0.4.1 — 2018-11-05
- 0.4.0 — 2018-10-09
- 0.3.2 — 2018-03-28
- 0.3.1 — 2018-03-27
- 0.3.0 — 2018-02-04
- 0.2.0 — 2018-01-25
- 0.1.1 — 2018-01-16
- 0.1.0 — 2017-12-09
- 0.0.1 — 2017-11-22

## README

<h1 align="center">Ember Typeface</h1>

<div align="center">
  <a href="https://travis-ci.org/jeffjewiss/ember-typeface"><img src="https://travis-ci.org/jeffjewiss/ember-typeface.svg?branch=master" alt="Build Status"></a>
  <a href="https://www.npmjs.com/package/ember-typeface"><img src="https://img.shields.io/npm/v/ember-typeface.svg" alt="npm version"></a>
  <a href="https://www.npmjs.com/package/ember-typeface"><img src="https://img.shields.io/npm/dm/ember-typeface.svg" alt="Monthly Downloads"></a>
  <a href="http://emberobserver.com/addons/ember-typeface"><img src="http://emberobserver.com/badges/ember-typeface.svg" alt="Ember Observer Score"></a>
</div>

<br>

<div align="center">
  <p>Easily add typefaces to your Ember project in 2 easy steps.</p>
</div>

<br>
<br>
<br>

Installation
------------

```shell
ember install ember-typeface
```

Usage
-----

1. Install Ember Typeface: `ember install ember-typeface`
2. Pick a typeface from the list of over [800 available](https://github.com/jeffjewiss/ember-typeface/blob/master/lib/typefaces.js) and add it to your project: `npm install typeface-lato --save-dev`

That’s it!

You are now free to use `font-family: "Lato"` in your application’s styles.

Advanced Usage
--------------

Ember Typeface will try to look through your `node_modules` to discover typeface packages. If typefaces are specified in the config options in your app’s evironment: `ENV.typefaceOptions.typefaces` the two lists will be merged for unique values. However, you can choose to disable this auto discovery and configure which typefaces are imported into your project.

```javascript
// config/environment.js
module.exports = function(environment) {
  let ENV = {
    ...

    typefaceOptions: {
      disableAuto: true, // default is false, disable to manually choose typefaces
      typefaces: [
        'lato'
      ]
    }
  };
};
```

Commands
--------

* `ember typeface:active` – view a list of the typefaces to be included in the app
* `ember typeface:list` – view a list of all the available typefaces
* `ember typeface:search <name>` – perform a fuzzy search on the list of typefaces

Example
-------

To see an example of an Ember app configured with a typeface check out: https://github.com/jeffjewiss/ember-typeface-example

---
_Source: https://npm.io/package/ember-typeface · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
