Make Lato available for all browsers

assets/scss/custom.scss

@@ -18,6 +18,14 @@ $text-green: #56c4aa;
 $red: #f0384d;
 $yellow: #fcc958;
 
+@font-face {
+  font-family: 'Lato', Arial;
+  src: url('assets/fonts/Lato/Lato-Regular.ttf') format('truetype');
+  font-display: optional;
+  font-weight: normal;
+  font-style: normal;
+}
+
 // Pattern
 @mixin add-bg-pattern($id) {
     background-repeat: repeat;
@@ -66,11 +74,9 @@ $yellow: #fcc958;
 }
 
 body{
-  font-family: 'Arial', serif;
+  font-family: 'Lato', sans-serif;
   .highlight {
     padding: .25rem;
-    //font-family: 'Trocchi', serif;
-    //font-size: 2rem;
   }
   .highlight-1 {
     background-color: $chill-green;