Change typefaces

Author: wmedrano

build.el

@@ -25,10 +25,11 @@
 <link rel=\"icon\" type=\"image/svg+xml\" href=\"/favicon.svg\">
 <link rel=\"icon\" type=\"image/png\" href=\"/favicon.png\">
 <link rel=\"icon\" href=\"/favicon.ico\" sizes=\"any\">
+
 <link rel=\"stylesheet\" href=\"/css/styles.css\">
 <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">
 <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
-<link href=\"https://fonts.googleapis.com/css2?family=Baskervville:wght@700&family=Fira+Code:wght@300..700&family=Sen:wght@400..800&display=swap\" rel=\"stylesheet\">
+<link href=\"https://fonts.googleapis.com/css2?family=Baskervville:wght@700&family=Jost:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\" rel=\"stylesheet\">
 "
  ;; When doing syntax highlighting, output as CSS classes instead of the default
  ;; inline CSS. The color theme is defined in ./content/css/htmlize-styles.css. To get

content/css/styles.css

@@ -1,5 +1,5 @@
 .navbar {
-  font-family: 'Sen', sans-serif;
+  font-family: 'Jost', sans-serif;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -35,8 +35,8 @@ a:visited {
 .content {
     margin: 0 auto;
     padding: 0 4px;
-    font-family: Sen, sans-serif;
-    font-size: 16px;
+    font-family: Jost, sans-serif;
+    font-size: 18px;
     color: #222;
     line-height: 1.5;
 }
@@ -99,8 +99,8 @@ div.figure {
     margin: 1.5rem 0;
 }
 code, pre {
-    font-family: "Fira Code", monospace;
-    font-size: 13px;
+    font-family: "Roboto Mono", monospace;
+    font-size: 14px;
     line-height: 1.1;
 
 }