adds fonts

app/routes/application.js

@@ -1,5 +1,30 @@
 import Ember from "ember";
 
+var fonts = [{
+    name: 'Georgia',
+    className: 'georgia'
+}, {
+    name: 'Helvetica',
+    className: 'helvetica'
+}, {
+    name: 'Times New Roman',
+    className: 'times'
+}, {
+    name: 'Avenir',
+    className: 'avenir'
+}, {
+    name: 'Kim1',
+    className: 'kim1'
+}, {
+    name: 'Kim2',
+    className: 'kim2'
+}, {
+    name: 'Sep',
+    className: 'sep'
+}, {
+    name: 'Wildchild',
+    className: 'wildchild'
+}]
 export default Ember.Route.extend({
     model: function() {
         return {
@@ -13,19 +38,14 @@ export default Ember.Route.extend({
                 }
                 return f
             })(),
-            fonts: [Ember.Object.create({
-                name: "Georgia",
-                className: "georgia",
-                id: 1
-            }),Ember.Object.create({
-                name: "Helvetica",
-                className: "helvetica",
-                id: 2
-            }),Ember.Object.create({
-                name: "Times New Roman",
-                className: "times",
-                id: 3
-            })],
+            fonts: (() => {
+                var f = []
+                for (var i = 0; i < fonts.length; i++) {
+                    fonts[i].id = i+1
+                    f.push( Ember.Object.create(fonts[i]) )
+                }
+                return f
+            })(),
             palettes : [Ember.Object.create({
                 id: 1,
                 colors: ["#1ab6f5", "#1a86f5"]

app/styles/_fonts.scss

@@ -1,3 +1,10 @@
+$fontPath: '/assets/fonts/';
+@include font-face(Avenir, font-files("#{$fontPath}avenir.ttf"));
+@include font-face(Kim1, font-files("#{$fontPath}kim1.ttf"));
+@include font-face(Kim2, font-files("#{$fontPath}kim2.ttf"));
+@include font-face(Sep, font-files("#{$fontPath}sep.ttf"));
+@include font-face(Wildchild, font-files("#{$fontPath}wildchild.ttf"));
+
 .times {
     font-family: "Times New Roman";
 }
@@ -10,3 +17,21 @@
     font-family: "Helvetica";
 }
 
+.avenir {
+    font-family: 'Avenir';
+    font-weight: 300 !important;
+}
+
+.kim1 {
+    font-family: 'Kim1';
+    letter-spacing: 1px;
+}
+.kim2 {
+    font-family: 'Kim2';
+}
+.sep {
+    font-family: 'Sep';
+}
+.wildchild {
+    font-family: 'Wildchild';
+}