ember-typeface

v1.0.1
Easily add typefaces (fonts) to your Ember projects.
ember-addon font font-face typeface typography webfont

Ember Typeface

Build Status npm version Monthly Downloads Ember Observer Score

Easily add typefaces to your Ember project in 2 easy steps.




Installation

ember install ember-typeface

Usage

  1. Install Ember Typeface: ember install ember-typeface
  2. Pick a typeface from the list of over 800 available 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.

// 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

npm i ember-typeface

Metadata

  • MIT
  • >= 6.9
  • Jeff Jewiss
  • released 5/25/2020

Downloads

Maintainers