diff --git a/app/index.html b/app/index.html
index 90ca62e..c05f76c 100644
--- a/app/index.html
+++ b/app/index.html
@@ -6,6 +6,7 @@
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width">
     <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+    <link rel="stylesheet" href="//fast.fonts.net/cssapi/44e8c964-4684-44c6-a6e3-3f3da8787b50.css">
     <!-- build:css(.) styles/vendor.css -->
     <!-- endbuild -->
     <!-- build:css(.tmp) styles/hmda-pilot.css -->
diff --git a/app/styles/hmda-pilot.less b/app/styles/hmda-pilot.less
index 248f951..a6e2409 100644
--- a/app/styles/hmda-pilot.less
+++ b/app/styles/hmda-pilot.less
@@ -31,6 +31,11 @@
 @import (less) "wizard.less";
 @import (less) "progressBar.less";
 
+.webfont-demi {
+    .webfont-demi();
+    font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
+}
+
 // Layouts
 .wrapper, .wrap {
     .grid_wrapper();