updated font family

assets/sass/cards.scss

@@ -53,7 +53,9 @@ article.card {
 }
 
 img.small-image {
- width: 400px;
+	flex: 1 1 400px;
+	overflow: hidden;
+	max-width: 400px;
 }
 
 .article-link {

assets/sass/fonts.scss

@@ -0,0 +1,24 @@
+/*
+You may download the entire Source Sans Pro font family here:
+https://fonts.google.com/specimen/Source+Sans+Pro?query=Source+Sans+Pro
+*/
+@font-face {
+	font-family: 'Source Sans Pro';
+	src: url('/fonts/SourceSansPro-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Source Sans Pro';
+	src: url('/fonts/SourceSansPro-Bold.ttf') format('truetype');
+	font-weight: bold;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Source Sans Pro';
+	src: url('/fonts/SourceSansPro-Light.ttf') format('truetype');
+	font-weight: light;
+	font-style: normal;
+}

assets/sass/main.scss

@@ -1,6 +1,7 @@
 @import 'colors.scss';
 @import 'cards.scss';
 @import 'code.scss';
+@import 'fonts.scss';
 
 @mixin screen-max($max) {
 	@media (max-width: $max - 1) {
@@ -8,11 +9,19 @@
 	}
 }
 
+@font-face {
+	font-family: 'Source Sans Pro';
+	src: url('/fonts/SourceSansPro-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+
 body {
 	background-color: $background-color;
 	color: $font-color;
 	margin: 0px;
 	overflow-y: scroll;
+	font-family: 'Source Sans Pro';
 }
 
 header {