css: font changes

Signed-off-by: Amneesh Singh <natto@weirdnatto.in>

css/default.css

@@ -1,32 +1,95 @@
+@font-face {
+  font-family: 'Arvo';
+    font-style: normal;
+  src: url('../fonts/Arvo-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Arvo';
+  font-weight: bold;
+  src: url('../fonts/Arvo-Bold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Arvo';
+  font-style: italic;
+  src: url('../fonts/Arvo-Italic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Arvo';
+  font-weight: bold;
+  font-style: italic;
+  src: url('../fonts/Arvo-BoldItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Lato';
+    font-style: normal;
+  src: url('../fonts/Lato-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-weight: bold;
+  src: url('../fonts/Lato-Bold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  src: url('../fonts/Lato-Italic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-weight: bold;
+  font-style: italic;
+  src: url('../fonts/Lato-BoldItalic.woff2') format('woff2');
+}
+
 @font-face {
   font-family: 'Quantico';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/Quantico-Regular.woff') format('woff');
+    font-style: normal;
+  src: url('../fonts/Quantico-Regular.woff2') format('woff2');
 }
 
 @font-face {
-  font-family: 'Oxygen';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/Oxygen.woff2') format('woff2');
+  font-family: 'Quantico';
+  font-weight: bold;
+  src: url('../fonts/Quantico-Bold.woff2') format('woff2');
 }
 
 @font-face {
-  font-family: 'Monoid Bold';
-  font-style: normal;
+  font-family: 'Quantico';
+  font-style: italic;
+  src: url('../fonts/Quantico-Italic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Quantico';
+  font-weight: bold;
+  font-style: italic;
+  src: url('../fonts/Quantico-BoldItalic.woff2') format('woff2');
+}
+
+@font-family {
+  font-family: 'Monoid';
+  src: url('../fonts/Monoid-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Monoid';
   font-weight: bold;
   src: url('../fonts/Monoid-Bold.woff2') format('woff2'),
 }
 
 @font-family {
-  font-family: 'Monoid Regular';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/Monoid-Regular.woff2') format('woff2');
+  font-family: 'Monoid';
+  font-style: italic;
+  src: url('../fonts/Monoid-Italic.woff2') format('woff2');
 }
 
-
 :root {
   --yellow: #b58900;
   --orange: #cb4b16;
@@ -68,13 +131,18 @@ html {
 }
 
 body {
-  font-family: "Oxygen", sans-serif;
+  font-family: "Lato", sans-serif;
   font-size: 1.6rem;
   word-wrap: break-word;
 }
 
 h1, h2, h3 {
- color: var(--fg3);
+  color: var(--fg3);
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Arvo", serif;
+  font-weight: normal;
 }
 
 header {
@@ -110,7 +178,7 @@ nav {
 }
 
 nav a {
-  font-size: 1.8rem;
+  font-size: 2rem;
   font-weight: bold;
   color: var(--cyan);
   text-transform: uppercase;
@@ -170,7 +238,7 @@ article .post-header {
 
 .logo a {
   font-weight: bold;
-  font-family: "Monoid Bold", sans-serif;
+  font-family: "Monoid";
   font-size: 3rem;
   color: var(--green);
   text-decoration: none;
@@ -189,16 +257,12 @@ article > section {
   font-weight: bold;
 }
 
-code {
-  font-family: 'Monoid Regular', monospace;
-}
-
-code {
-  border-radius: 0.2rem;
+.verbatim {
   background: var(--bg1);
 }
 
 pre {
+  font-family: 'Monoid', monospace;
   padding: 2rem;
   border-radius: 1rem;
   border-left: 0.5rem solid var(--cyan);

css/highlight.css

@@ -1,4 +1,3 @@
-/* Solarized theme for Pandoc Code */
 pre code { color: var(--fg2); }
 code span.kw { color: var(--green); } /* Keyword */
 code span.dt { color: var(--yellow); } /* DataType */