Changing primary font from "Lato" to "Source Sans Pro/Roboto"

static/css/flat-ui.css

@@ -1,45 +1,3 @@
-@font-face {
-  font-family: 'Lato';
-  src: url('../font/lato/lato-black.eot');
-  src: url('../font/lato/lato-black.eot?#iefix') format('embedded-opentype'), url('../font/lato/lato-black.woff') format('woff'), url('../font/lato/lato-black.ttf') format('truetype'), url('../font/lato/lato-black.svg#latoblack') format('svg');
-  font-weight: 900;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Lato';
-  src: url('../font/lato/lato-bold.eot');
-  src: url('../font/lato/lato-bold.eot?#iefix') format('embedded-opentype'), url('../font/lato/lato-bold.woff') format('woff'), url('../font/lato/lato-bold.ttf') format('truetype'), url('../font/lato/lato-bold.svg#latobold') format('svg');
-  font-weight: bold;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Lato';
-  src: url('../font/lato/lato-bolditalic.eot');
-  src: url('../font/lato/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../font/lato/lato-bolditalic.woff') format('woff'), url('../font/lato/lato-bolditalic.ttf') format('truetype'), url('../font/lato/lato-bolditalic.svg#latobold-italic') format('svg');
-  font-weight: bold;
-  font-style: italic;
-}
-@font-face {
-  font-family: 'Lato';
-  src: url('../font/lato/lato-italic.eot');
-  src: url('../font/lato/lato-italic.eot?#iefix') format('embedded-opentype'), url('../font/lato/lato-italic.woff') format('woff'), url('../font/lato/lato-italic.ttf') format('truetype'), url('../font/lato/lato-italic.svg#latoitalic') format('svg');
-  font-weight: normal;
-  font-style: italic;
-}
-@font-face {
-  font-family: 'Lato';
-  src: url('../font/lato/lato-light.eot');
-  src: url('../font/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../font/lato/lato-light.woff') format('woff'), url('../font/lato/lato-light.ttf') format('truetype'), url('../font/lato/lato-light.svg#latolight') format('svg');
-  font-weight: 300;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Lato';
-  src: url('../font/lato/lato-regular.eot');
-  src: url('../font/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../font/lato/lato-regular.woff') format('woff'), url('../font/lato/lato-regular.ttf') format('truetype'), url('../font/lato/lato-regular.svg#latoregular') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
 @font-face {
   font-family: "Flat-UI-Icons";
   src: url('../font/flat-ui-icons-regular.eot');
@@ -199,7 +157,7 @@ you can use the generic selector below, but it's slower:
   border-top-color: #34495e !important;
 }
 body {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
+  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
   font-size: 18px;
   line-height: 1.72222;
   color: #34495e;
@@ -245,6 +203,14 @@ h2,
 h3,
 h4,
 h5,
+h6{
+  font-family: 'Roboto', sans-serif;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
 h6,
 .h1,
 .h2,
@@ -252,7 +218,6 @@ h6,
 .h4,
 .h5,
 .h6 {
-  font-family: inherit;
   font-weight: 700;
   line-height: 1.1;
   color: inherit;
@@ -1151,7 +1116,7 @@ label {
 .form-control {
   border: 1px solid #bdc3c7;
   color: #34495e;
-  font-family: "Lato", Helvetica, Arial, sans-serif;
+  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
   font-size: 15px;
   line-height: 1.467;
   padding: 8px 12px;
@@ -2185,7 +2150,7 @@ select[multiple].navbar-form .btn {
 }
 .navbar-unread,
 .navbar-new {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
+  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
   background-color: #1abc9c;
   border-radius: 50%;
   color: #ffffff;
@@ -2705,7 +2670,7 @@ fieldset[disabled] .navbar-inverse .navbar-btn.active {
   background: transparent;
   border: none;
   color: #34495e;
-  font-family: "Lato", Helvetica, Arial, sans-serif;
+  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
   font-size: 14px;
   margin: 0px;
   padding: 0 0 0 5px;
@@ -2777,7 +2742,7 @@ fieldset[disabled] .navbar-inverse .navbar-btn.active {
 .twitter-typeahead .tt-hint {
   border: 2px solid #bdc3c7;
   color: #34495e;
-  font-family: "Lato", Helvetica, Arial, sans-serif;
+  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
   font-size: 15px;
   line-height: 1.467;
   padding: 8px 12px;
@@ -3842,7 +3807,7 @@ body.vjs-full-window {
   bottom: 4em;
   left: 1em;
   right: 1em;
-  font-family: "Lato", Helvetica, Arial, sans-serif;
+  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
 }
 .video-js .vjs-text-track {
   display: none;
@@ -4079,7 +4044,7 @@ body.vjs-full-window {
   height: 20px;
   width: 50px;
   top: 16px;
-  font: 300 13px "Lato", Helvetica, Arial, sans-serif;
+  font: 300 13px "Source Sans Pro", Helvetica, Arial, sans-serif;
 }
 .vjs-current-time {
   right: 128px;

templates/base.html

@@ -22,7 +22,8 @@
     <link href="/css/dataTables.bootstrap.css" rel="stylesheet">
     <link href="/css/font-awesome.min.css" rel="stylesheet">
     <link href="/css/chartist.min.css" rel="stylesheet">
-    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Roboto:700,500' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700' rel='stylesheet' type='text/css'>
     <script>
     {{if .User}}
     var user = {