Use Iosevka font for code blocks and inline code

The advantage of Iosevka is its narrow width that allows us to show more columns in code examples without reducing font size.

blog/static/css/edition-2/main.css

@@ -1,7 +1,7 @@
 h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
   padding: 0;
   color: #a0565c;
-  font-size: 95%;
+  font-size: 90%;
   background-color: inherit;
 }
 

blog/static/css/edition-2/poole.css

@@ -28,6 +28,13 @@
  * Themes
  */
 
+@font-face {
+  font-family: "Iosevka";
+  src: url("/fonts/iosevka-regular.woff2") format("woff2"), url("/fonts/iosevka-regular.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
 
 /*
  * Body resets
@@ -137,7 +144,7 @@ hr {
 }
 
 abbr {
-  font-size: 85%;
+  font-size: 90%;
   font-weight: bold;
   color: #555;
   text-transform: uppercase;
@@ -150,7 +157,7 @@ abbr[title] {
 /* Code */
 code,
 pre {
-  font-family: Menlo, Monaco, Consolas, monospace;
+  font-family: "Iosevka", monospace;
 }
 code {
   padding: .25em .5em;
@@ -164,7 +171,7 @@ pre {
   margin-top: 0;
   margin-bottom: 1rem;
   padding: .5rem;
-  font-size: .85rem;
+  font-size: .95rem;
   line-height: 1.4;
   white-space: pre;
   overflow: auto;