Remove web fonts; tweak typography

layouts/partials/header.html

@@ -5,8 +5,7 @@
     {{ hugo.Generator }}
     <meta name=viewport content="width=device-width, initial-scale=1">
     <meta charset=utf-8>
-    <link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap" rel=stylesheet>
-    <link rel=stylesheet href="{{ relURL "/css/main.css?4" }}">
+    <link rel=stylesheet href="{{ relURL "/css/main.css?5" }}">
     <link rel=alternate type=application/rss+xml title="{{ partial "data/title" . }}"
       href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}">
     {{- template "_internal/opengraph.html" . -}}

static/css/main.css

@@ -3,9 +3,9 @@ body {
   color: #000;
   width: 600px;
   margin: 120px auto;
-  font-family: "PT Serif", serif;
-  line-height: 1.0rem;
-  font-size: 1.3em;
+  font-family: Georgia, Times, "Times New Roman", serif;
+  line-height: 1.2rem;
+  font-size: 1.7em;
   -webkit-font-smoothing: antialiased;
 }
 
@@ -29,7 +29,7 @@ a:visited {
   padding: 0;
   margin: 60px 0;
   border-radius: 10px;
-  line-height: 1.8rem;
+  line-height: 1.9rem;
 }
 
 #articles p {
@@ -43,8 +43,10 @@ a:visited {
 }
 
 #articles h2 {
+  font-weight: normal;
+  font-size: 1.7rem;
   line-height: 2.5rem;
-  margin: 0 0 15px 0;
+  margin: 0 0 5px 0;
 }
 
 .postmeta, .listmeta {
@@ -102,10 +104,11 @@ h1 {
 }
 
 article h1 {
-  font-size: 2.9rem;
-  line-height: 3.8rem;
+  font-size: 2.4rem;
+  line-height: 3.0rem;
   margin: 0 0 50px 0;
   color: #6b0000;
+  font-weight: 500;
 }
 
 article #description {
@@ -150,6 +153,7 @@ sup {
   margin: 0;
   font-size: 3.5rem;
   line-height: 4.0rem;
+  font-weight: 500;
   color: #6b0000;
   font-variant-caps: petite-caps;
 }