chore(fonts): replace SourceSansPro font with Ubuntu

src/styles/build-details.sass

@@ -107,12 +107,12 @@
       margin-left: 10px
 
 .span-debug
-  font-family: $font-family-semibold
+  font-family: $font-family-medium
   color: $color-secondary !important
 
 .span-ssh
   color: $black !important
-  font-family: $font-family-semibold
+  font-family: $font-family-medium
 
 .ssh-container
   display: flex
@@ -129,7 +129,7 @@
   .debug
     line-height: 0.7
     max-width: 120px
-    font-family: $font-family-semibold
+    font-family: $font-family-medium
     color: $black
     font-size: 12px
 

src/styles/content.sass

@@ -27,19 +27,19 @@
     color: $color
     font-size: 20px
     padding: 20px 20px 0 20px
-    font-family: $font-family-semibold
+    font-family: $font-family-medium
 
   h3
     color: $color-secondary
     padding: 20px 20px 10px 20px
     font-size: 14px
     text-transform: uppercase
-    font-family: $font-family-semibold
+    font-family: $font-family-medium
 
   h4
     text-transform: uppercase
     font-size: 12px
-    font-family: $font-family-semibold
+    font-family: $font-family-medium
     color: $color-secondary
     padding: 20px 0 0 0
 
@@ -50,11 +50,11 @@
       text-decoration: underline
 
     &.bold
-      font-family: $font-family-semibold
+      font-family: $font-family-medium
 
     &.larger
       font-size: 15px
-      font-family: $font-family-semibold
+      font-family: $font-family-medium
 
       +mobile
         padding: 5px 0
@@ -108,7 +108,7 @@
   border: 1px solid $divider
   display: flex
   align-items: center
-  font-family: $font-family-semibold
+  font-family: $font-family-medium
 
   +mobile
     display: block
@@ -204,7 +204,7 @@
 
       span
         font-size: 16px
-        font-family: $font-family-semibold
+        font-family: $font-family-medium
 
         +mobile
           text-align: center
@@ -284,7 +284,7 @@
       text-decoration: underline
 
     &.bold
-      font-family: $font-family-semibold
+      font-family: $font-family-medium
 
   .icon-and-text
     display: inline-flex

src/styles/fonts.sass

@@ -5,16 +5,12 @@
     font-weight: $weight
     font-style: $style
 
-+font-face('SourceSansPro-Thin', '/assets/fonts/SourceSansPro-ExtraLight', 200, 'normal')
-+font-face('SourceSansPro-Light', '/assets/fonts/SourceSansPro-Light', 300, 'normal')
-+font-face('SourceSansPro-Regular', '/assets/fonts/SourceSansPro-Regular', 400, 'normal')
-+font-face('SourceSansPro-SemiBold', '/assets/fonts/SourceSansPro-SemiBold', 600, 'normal')
-+font-face('SourceSansPro-Bold', '/assets/fonts/SourceSansPro-Bold', 700, 'normal')
-+font-face('SourceSansPro-Extrabold', '/assets/fonts/SourceSansPro-ExtraBold', 900, 'normal')
++font-face('Ubuntu-Light', '/assets/fonts/Ubuntu-Light', 300, 'normal')
++font-face('Ubuntu-Regular', '/assets/fonts/Ubuntu-Regular', 400, 'normal')
++font-face('Ubuntu-Medium', '/assets/fonts/Ubuntu-SemiBold', 500, 'normal')
++font-face('Ubuntu-Bold', '/assets/fonts/Ubuntu-Bold', 700, 'normal')
 
-$font-family-thin: 'SourceSansPro-ExtraLight', sans-serif
-$font-family-light: 'SourceSansPro-Light', sans-serif
-$font-family-regular: 'SourceSansPro-Regular', sans-serif
-$font-family-semibold: 'SourceSansPro-SemiBold', sans-serif
-$font-family-bold: 'SourceSansPro-Bold', sans-serif
-$font-family-black: 'SourceSansPro-Black', sans-serif
+$font-family-light: 'Ubuntu-Light', sans-serif
+$font-family-regular: 'Ubuntu-Regular', sans-serif
+$font-family-medium: 'Ubuntu-medium', sans-serif
+$font-family-bold: 'Ubuntu-Bold', sans-serif

src/styles/forms.sass

@@ -44,7 +44,7 @@
   font-size: 14px
   display: block
   padding: 5px 0
-  font-family: $font-family-semibold
+  font-family: $font-family-medium
 
   &.is-for-toggle
     float: left

src/styles/job.sass

@@ -56,7 +56,7 @@
       color: $white
       height: 100%
       color: $yellow
-      font-family: $font-family-semibold
+      font-family: $font-family-medium
 
       .icon
         margin-right: 20px

src/styles/labels.sass

@@ -4,7 +4,7 @@
   color: $color
   border-radius: 4px
   font-size: 12px
-  font-family: $font-family-semibold
+  font-family: $font-family-medium
   width: 100%
   display: flex
   align-items: center

src/styles/nav.sass

@@ -20,7 +20,6 @@
     .header-left
 
       .header-item
-        font-weight: 700
         font-size: 13px
         margin-right: 20px
         font-family: $font-family-bold
@@ -154,7 +153,7 @@
       h1
         font-size: 16px
         font-family: $font-family-bold
-        color: $color-secondary
+        color: $color
 
     .nav-item
       display: inline-flex

src/styles/setup.sass

@@ -38,7 +38,7 @@
     padding: 10px 10px 10px 10px
     text-transform: uppercase
     color: $color-secondary
-    font-family: $font-family-semibold
+    font-family: $font-family-medium
 
     img
       width: 14px