some styles fixes

assets/js/style.js

@@ -1,6 +1,9 @@
-// This file contains some codes to fix style of elements under `.md`
+// fix style of checkboxes in posts.
 document.querySelectorAll('.md ul').forEach(v => {
   if (/<li><input .+>.+<\/li>/.test(v.innerHTML)) {
     v.classList.add('ul-checkbox');
   }
-});
+});
+
+// use custom font family
+document.querySelector('body').style.setProperty('--global-font-family', '{{ .Site.Params.globalFontFamily }}');

assets/sass/atom.scss

@@ -4,6 +4,10 @@
   outline: none;
 }
 
+header nav a {
+  line-height: 1.8;
+}
+
 $unit: 0.25rem;
 $scales: 0, 1, 2, 3, 4, 5, 6, 7, 8, 1.5;
 $screens: (

assets/sass/main.scss

@@ -10,6 +10,8 @@
   --tag: #333;
 
   --w-mobile: 640px;
+
+  --global-font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 
 html.dark {
@@ -26,7 +28,7 @@ html.dark {
 }
 
 body {
-  font-family: "Helvetica Neue", Helvetica, sans-serif;
+  font-family: var(--global-font-family);
   max-width: var(--w-mobile);
   margin: 3rem auto 0;
   font-size: 16px;