ember-roboto-fontface
v0.0.1
Published
Roboto Fonts for Ember.js
Downloads
4
Maintainers
Readme
ember-roboto-fontface
The addon includes the Roboto assets (CSS, Icons) in your project (can be disabled), using roboto-fontface npm package as source.
Installation
In your application's directory:
ember i ember-roboto-fontface
Importing Assets
Importing static CSS Assets
When not using a CSS preprocessor (see below) ember-roboto-fontface will automatically import the static Roboto CSS into your ember-cli build. You can opt out of CSS import by setting the importRobotoCSS option to false in your ember-cli-build.js:
// your-app/ember-cli-build.js
/* global require, module */
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
module.exports = function(defaults) {
var app = new EmberApp({
'ember-roboto-fontface': {
'importRobotoCSS': false
}
});
return app.toTree();
};
Using CSS preprocessors
ember-roboto-fontface supports Less (with ember-cli-less) and Sass (with ember-cli-sass) CSS preprocessors:
// app.scss
@import 'ember-roboto-fontface/roboto/sass/roboto-fontface';
body {
font-family: 'Roboto'
}
Importing the Roboto fonts
By default the fonts is added to your app's dist folder. If you do not want to use it, you can opt out of the font import by setting the importRobotoFonts option to false in your ember-cli-build.js:
// your-app/ember-cli-build.js
/* global require, module */
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
module.exports = function(defaults) {
var app = new EmberApp({
'ember-roboto-fontface': {
'importRobotoFonts': false
}
});
return app.toTree();
};
Credits
##Support
Having trouble? Open an issue!
License
The MIT License (MIT). Please see License File for more information.