Add Lato typeface

app/styles/bootstrap.scss → app/styles/_bootstrap.scss

@@ -293,7 +293,7 @@ html {
 }
 
 body {
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-family: "lato-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     line-height: 1.42857143;
     color: #333;

app/styles/_typography.scss

@@ -0,0 +1,51 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 1, 2014 */
+
+@font-face {
+    font-family: "lato-webfont";
+    src: url('/fonts/lato-regular-webfont.eot');
+    src: url('/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/lato-regular-webfont.woff') format('woff'),
+         url('/fonts/lato-regular-webfont.ttf') format('truetype'),
+         url('/fonts/lato-regular-webfont.svg#latoregular') format('svg');
+    font-weight: 400;
+    font-style: normal; }
+
+@font-face {
+    font-family: "lato-webfont";
+    src: url('/fonts/lato-light-webfont.eot');
+    src: url('/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/lato-light-webfont.woff') format('woff'),
+         url('/fonts/lato-light-webfont.ttf') format('truetype'),
+         url('/fonts/lato-light-webfont.svg#latolight') format('svg');
+    font-weight: 300;
+    font-style: normal; }
+
+@font-face {
+    font-family: "lato-webfont";
+    src: url('/fonts/lato-hairline-webfont.eot');
+    src: url('/fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/lato-hairline-webfont.woff') format('woff'),
+         url('/fonts/lato-hairline-webfont.ttf') format('truetype'),
+         url('/fonts/lato-hairline-webfont.svg#latohairline') format('svg');
+    font-weight: 100;
+    font-style: normal; }
+
+@font-face {
+    font-family: "lato-webfont";
+    src: url('/fonts/lato-bold-webfont.eot');
+    src: url('/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/lato-bold-webfont.woff') format('woff'),
+         url('/fonts/lato-bold-webfont.ttf') format('truetype'),
+         url('/fonts/lato-bold-webfont.svg#latobold') format('svg');
+    font-weight: 700;
+    font-style: normal; }
+
+@font-face {
+    font-family: "lato-webfont";
+    src: url('/fonts/lato-black-webfont.eot');
+    src: url('/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/lato-black-webfont.woff') format('woff'),
+         url('/fonts/lato-black-webfont.ttf') format('truetype'),
+         url('/fonts/lato-black-webfont.svg#latoblack') format('svg');
+    font-weight: 900;
+    font-style: normal; }

app/styles/app.scss

@@ -110,6 +110,7 @@ h3.panel-title {
 
 @import "bootstrap";
 @import "bootstrap-theme";
+@import "typography";
 @import "ember-calendar";
 
 // jglovier's temporary style tweaks