web safe fonts (#496)

* web-safe-fonts initial commit

* updated contributors

* reduced headings font weight

* make release

assets/scss/_base.scss

@@ -12,9 +12,9 @@ html {
 body {
   color: $fg-color;
   background-color: $bg-color;
-	font-family: $text-font-family;
-	font-size: 1.6em;
-	font-weight: 300;
+	font-family: $font-family;
+	font-size: 1.8em;
+	font-weight: 400;
   line-height: 1.8em;
   @media only screen and (max-width : 768px) {
     font-size: 1.6em;
@@ -23,7 +23,7 @@ body {
 }
 
 a {
-  font-weight: 300;
+  font-weight: 500;
   color: $link-color;
   text-decoration: none;
   transition: all .25s ease-in;
@@ -43,10 +43,10 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: $heading-font-family;
-  font-weight: 700;
+  font-family: $font-family;
+  font-weight: 600;
   color: $alt-fg-color;
-  margin: 6.4rem 0 3.2rem 0;
+  margin: 4rem 0 2.5rem 0;
 
   &:hover .heading-link {
     visibility: visible;

assets/scss/_content.scss

@@ -102,7 +102,7 @@
         font-size: 1.8rem;
         flex:2;
         color: $fg-color;
-        font-family: $heading-font-family;
+        font-family: $font-family;
         font-weight: 700;
         &:hover,
         &:focus {

assets/scss/_footer.scss

@@ -1,7 +1,7 @@
 .footer {
   width: 100%;
   text-align: center;
-  font-family: $heading-font-family;
+  font-size: 1.6rem;
   line-height: 2.0rem;
   margin-bottom:1.0rem;
   a {

assets/scss/_navigation.scss

@@ -3,9 +3,9 @@
   width: 100%;
   a, span {
     display: inline;
-    font-size: 1.6rem;
-    font-family: $heading-font-family;
-    font-weight: 700;
+    font-size: 1.7rem;
+    font-family: $font-family;
+    font-weight: 600;
     line-height: 6.0rem;
     color: $fg-color;
   }

assets/scss/_pagination.scss

@@ -1,7 +1,7 @@
 .pagination {
   margin-top: 6.0rem;
   text-align: center;
-  font-family: $heading-font-family;
+  font-family: $font-family;
   li {
     display: inline;
     text-align: center;

assets/scss/_variables.scss

@@ -1,7 +1,6 @@
 // Fonts
-$text-font-family: Merriweather, Georgia, serif;
-$heading-font-family: Lato, Helvetica, sans-serif;
-$code-font-family: 'Source Code Pro', 'Lucida Console', monospace;
+$font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
+$code-font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
 
 // Colors
 $bg-color: #FAFAFA !default;

layouts/_default/baseof.html

@@ -22,8 +22,6 @@
       <link rel="canonical" href="{{ .Permalink }}">
     {{ end }}
 
-    <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css?family=Lato:400,700%7CMerriweather:300,700%7CSource+Code+Pro:400,700&display=swap" rel="stylesheet">
     <link rel="preload" href="/fonts/forkawesome-webfont.woff2?v=1.1.7" as="font" type="font/woff2" crossorigin>
 
     {{ if .Site.IsServer }}

resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.json

@@ -1 +1 @@
-{"Target":"css/coder.min.f48a4da9bd32cecaff90717ae85529411dd087c10fc0dfca9c9c329c7327e5e1.css","MediaType":"text/css","Data":{"Integrity":"sha256-9IpNqb0yzsr/kHF66FUpQR3Qh8EPwN/KnJwynHMn5eE="}}
+{"Target":"css/coder.min.ec198d25949ddd79a670b1ead43ca88e0bc2c1343266d0df0a9eeb7f3f207777.css","MediaType":"text/css","Data":{"Integrity":"sha256-7BmNJZSd3XmmcLHq1DyojgvCwTQyZtDfCp7rfz8gd3c="}}