Add font-face for fonts #184

* Remove import statements and add font-face for fonts

Signed-off-by: Jillian Daguil <[email protected]>

Author: jdaguil

about.html

@@ -9,7 +9,7 @@
     <div class="row">
         <div class="col-md-12">
             <div class="version" style="text-align: center;">
-                <h2 class="logo"><strong>About</strong>Code Manager</h2>
+                <h2 class="logo"><strong class="strong-logo">About</strong>Code Manager</h2>
                 <h4 id="version"></h4>
             </div>
         </div>

assets/css/main.css

@@ -1,14 +1,32 @@
 /*---------------------------------------
   Font source mapping
 -----------------------------------------*/
-@import "../fonts/Raleway-Regular.ttf";
-@import "../fonts/Raleway-Medium.ttf";
-@import "../fonts/Raleway-SemiBold.ttf";
-@import "../fonts/Lato-Regular.ttf";
-@import "../fonts/Lato-Bold.ttf";
-@import "../fonts/Lato-Italic.ttf";
-@import "../fonts/Lato-Light.ttf";
+@font-face {
+  font-family: 'Raleway';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/Raleway-Regular.ttf');
+  src: local('?'),
+          url('../fonts/Raleway-Regular.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway Black';
+  font-style: normal;
+  font-weight: 800;
+  src: url('../fonts/Raleway-Black.ttf');
+  src: local('?'),
+          url('../fonts/Raleway-Black.ttf') format('truetype');
+}
 
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/Lato-Regular.ttf');
+  src: local('?'),
+          url('../fonts/Lato-Regular.ttf') format('truetype');
+}
 /*---------------------------------------
   General
 -----------------------------------------*/
@@ -24,6 +42,10 @@ body {
   color: #0064cd;
 }
 
+.strong-logo {
+  font-family: 'Raleway Black', Helvetica, san-serif;
+}
+
 /*---------------------------------------
   Layout
 -----------------------------------------*/