Fix minor typos and font for the site title

Author: jiwonac

src/_css/typography.css

@@ -2,11 +2,13 @@
    TYPOGRAPHY
    ============================================ */
 
+/* H1 is site title only */
 h1 {
     font-size: 4em;
     margin-bottom: 0.2em;
     line-height: 1.1;
     font-weight: 400;
+    font-family: var(--font-handwriting), sans-serif;
 }
 
 /* H1 is used for the site title; underline is not wanted there */

src/_data/metadata.json

@@ -45,7 +45,7 @@
         {
             "name": "Personal Blog",
             "url": "/blog",
-            "description": "Longer musings on topics of personal interests."
+            "description": "Longer musings on topics of personal interest."
         },
         {
             "name": "Research Blog",

src/_includes/_microblog-content.html

@@ -1,3 +1,5 @@
+<!-- Microblog uses a distinct content template as the main body of text is included in the grid scroll page,
+     rather than hiding full body like in long-form blogs -->
 <!--thumbnail image, if any-->
 {% if post.data.image %}
     <img src="{{ post.data.image }}" alt="{{ post.data.alt }}">

src/style.css

@@ -101,11 +101,13 @@ body[data-theme="dark"] .external-link-icon {
    TYPOGRAPHY
    ============================================ */
 
+/* H1 is site title only */
 h1 {
     font-size: 4em;
     margin-bottom: 0.2em;
     line-height: 1.1;
     font-weight: 400;
+    font-family: var(--font-handwriting), sans-serif;
 }
 
 /* H1 is used for the site title; underline is not wanted there */