Update type

Signed-off-by: Kevin Suttle <kevin@suttle.email>

Author: kevinSuttle

_includes/banner.html

@@ -1,3 +1,3 @@
 	<header class="site-header" role="banner">
-			<a class="home-link" href="/" title="Main page">KS</a>
-	</header>
+		<a class="home-link" href="/" title="Home">KS</a>
+	</header>

_includes/head.html

@@ -14,4 +14,8 @@
 		{% endif %}
 	</title>
 
-</head>
+
+	<link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700" rel="stylesheet">
+	<link rel="stylesheet" href="https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css">
+
+</head>

_sass/_typography.scss

@@ -3,38 +3,39 @@ html {
 }
 
 body {
-	font-family: $body-font;
+	font-family: $serif-font;
 	font-synthesis: none;
 	-moz-font-feature-settings: 'kern';
 	-moz-osx-font-smoothing: grayscale;
 	direction: ltr;
 	text-align: left;
+	text-rendering: optimizeLegibility;
 }
 
-h1 {
-	font-size: $base-font-size * 1.75;
-}
+// h1 {
+// 	font-size: $base-font-size * 1.75;
+// }
 
-h2 {
-	font-size: $base-font-size * 1.5;
-	font-weight: 600;
-}
+// h2 {
+// 	font-size: $base-font-size * 1.5;
+// 	font-weight: 600;
+// }
 
-h3 {
-	font-size: $base-font-size * 1.25;
-}
+// h3 {
+// 	font-size: $base-font-size * 1.25;
+// }
 
-h4 {
-	font-size: $base-font-size;
-}
+// h4 {
+// 	font-size: $base-font-size;
+// }
 
-h5 {
-	font-size: $base-font-size * 0.75;
-}
+// h5 {
+// 	font-size: $base-font-size * 0.75;
+// }
 
-h6 {
-	font-size: $base-font-size * 0.5;
-}
+// h6 {
+// 	font-size: $base-font-size * 0.5;
+// }
 
 code,
 kbd,
@@ -56,7 +57,7 @@ blockquote {
 	font-style: italic;
 	margin: 0;
 	font-weight: 200;
-	font-family: $body-font;
+	font-family: $serif-font;
 }
 
 mark {
@@ -73,6 +74,7 @@ a:hover {
 }
 
 .home-link {
+	font-family: $sans-font;
 	font-weight: 600;
 	font-style: normal;
 
@@ -82,17 +84,16 @@ a:hover {
 }
 
 .article {
-	font-family: $body-font;
-	font-weight: 400;
+	font-family: $serif-font;
 	line-height: 1.6;
 	font-size: $base-font-size;
 
 	h2, h3 {
-		font-family: $body-font;
+		font-family: $sans-font;
 		line-height: 1.3;
 	}
 	h4 {
-		font-family: $body-font;
+		font-family: $sans-font;
 	    font-weight: 100;
 	    text-transform: uppercase;
 	    letter-spacing: 1px;
@@ -118,15 +119,15 @@ a:hover {
 	line-height: 1.2;
 	font-weight: 600;
 	letter-spacing: normal;
-	font-family: $body-font;
+	font-family: $serif-font;
 	overflow-x:  hidden;
 	margin-bottom: 1.1em;
 }
 
 .article-permalink {
-	font-family: $body-font;
-	font-weight: 500;
-	font-size: 1.15em;
+
+	font-weight: 600;
+	// font-size: 1.15em;
 	line-height: 1.35;
 }
 
@@ -149,12 +150,14 @@ figcaption {
 }
 
 .article-pubdate {
+	font-family: $sans-font;
 	text-transform: uppercase;
 	font-size: .75em;
-	font-weight: 500;
+	font-weight: 600;
 }
 
 .article-nav-label {
+	font-family: $sans-font;
 	font-weight: 300;
 }
 
@@ -163,6 +166,7 @@ figcaption {
 }
 
 .footer-module-heading {
+	font-family: $sans-font;
 	font-size: .75em;
 	font-weight: normal;
 	margin-bottom: .75em;

_sass/_variables.scss

@@ -2,8 +2,9 @@
 $base-font-size: 14px;
 $base-line-height: 1.5;
 
-$body-font: -apple-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Noto Sans", "Noto", "Droid Sans", "Open Sans", "Oxygen", "Ubuntu", "Cantarell", sans-serif;
-$code-font: "SF Mono Regular", "Roboto Mono", "Noto Mono", "Droid Mono", "Monaco", "Inconsolata", "Ubuntu Mono", "Liberation Mono", monospace;
+$serif-font: "Merriweather", "Charter", "Cambria", "Noto Serif", "Droid Serif", "Georgia", serif;
+$sans-font: -apple-system-font, -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Noto Sans", "Noto", "Droid Sans", "Open Sans", "Oxygen", "Ubuntu", "Cantarell", sans-serif;
+$code-font: "Fira Code", "SF Mono", "Roboto Mono", "Noto Mono", "Droid Mono", "Monaco", "Inconsolata", "Ubuntu Mono", "Liberation Mono", monospace;
 
 // Colors
 $page-bg-color: #fdfdfd;