Use Inter font (#65)

* Use Inter font

* Fix code pre and post subheading font sizes

* Increase line height for post content

Co-authored-by: Avijit Gupta <avijitgupta@protonmail.com>

static/css/main.css

@@ -7,26 +7,36 @@
 }
 
 @font-face {
-  font-family: Jost;
+  font-family: Inter;
-  src: url("/fonts/Jost-Regular.ttf");
+  font-weight: 300;
+  src: url("/fonts/Inter-Light.ttf");
 }
 
 @font-face {
-  font-family: Jost;
+  font-family: Inter;
+  font-weight: 400;
+  src: url("/fonts/Inter-Regular.ttf");
+}
+
+@font-face {
+  font-family: Inter;
   font-weight: 700;
-  src: url("/fonts/Jost-Bold.ttf");
+  src: url("/fonts/Inter-Bold.ttf");
 }
 
 html {
   background-color: rgb(var(--light-primary-color));
   color: var(--light-text-color);
-  font-family: "Jost", sans-serif;
+  font-family: "Inter", sans-serif;
-  font-weight: 400;
+  font-size: 16.5px;
-  letter-spacing: 0.5px;
   min-height: 100%;
   position: relative;
 }
 
+b, strong {
+  font-weight: bold;
+}
+
 body {
   margin-bottom: 170px;
 }
@@ -54,7 +64,6 @@ img {
 .header {
   background-color: rgba(var(--light-primary-color), 0.95);
   color: inherit;
-  font-size: 1.2rem;
   height: 50px;
   left: 0;
   position: fixed;
@@ -102,7 +111,7 @@ img {
 }
 .nav-links .nav-link {
   display: inline-block;
-  padding: 0 4px;
+  padding: 0 2px;
 }
 .nav-links .nav-link a {
   display: block;
@@ -173,6 +182,7 @@ a:hover .feather-sun {
 .footer span {
   display: block;
   font-size: 0.9rem;
+  font-weight: 300;
   padding: 1px 0;
 }
 
@@ -251,7 +261,7 @@ code {
 }
 
 pre code {
-  font-size: 1em;
+  font-size: 0.9em;
 }
 
 blockquote {
@@ -268,7 +278,6 @@ hr {
 
 table {
   border-collapse: collapse;
-  font-size: 1.05rem;
   margin: 30px 0;
   text-align: left;
   display: block;
@@ -330,11 +339,8 @@ table td {
 }
 
 /* SINGLE */
-main#content .post {
-  font-size: 1.2rem;
-}
 .post [role="doc-subtitle"] {
-  font-size: 1.2rem;
+  font-size: 1.1em;
   font-style: italic;
 }
 .post .post-date {
@@ -343,6 +349,8 @@ main#content .post {
 .post .post-content {
   line-height: 1.7;
   margin-top: 50px;
+  font-weight: 300;
+  letter-spacing: 0.015em;
 }
 
 /* LIST */
@@ -363,7 +371,6 @@ main#content .post {
   display: inline-block;
 }
 .post-title .post-link {
-  font-size: 1.2rem;
   width: 80%;
 }
 .tags-list .post-tags {
@@ -432,10 +439,6 @@ main#content .post {
     width: auto;
   }
 
-  main#content .post {
-    font-size: 1.05rem;
-  }
-
   .home-about {
     margin: 0 auto;
   }