diff --git a/madblog/static/css/blog.css b/madblog/static/css/blog.css
index 05c6a08..b948ba9 100644
--- a/madblog/static/css/blog.css
+++ b/madblog/static/css/blog.css
@@ -9,6 +9,7 @@ main .content ul {
   text-align: justify;
   overflow-wrap: break-word;
   word-break: break-word;
+  font-size: 0.85em;
 }
 
 main .content code, .codehilite {
diff --git a/madblog/static/css/common.css b/madblog/static/css/common.css
index d7ed6a1..31eae20 100644
--- a/madblog/static/css/common.css
+++ b/madblog/static/css/common.css
@@ -2,7 +2,8 @@ html {
   height: -webkit-fill-available;
   height: -moz-available;
   font-size: 20px;
-  font-family: Lora, "Palatino Linotype", "Book Antiqua", "New York", "DejaVu serif", serif;
+  /* font-family: Lora, "Palatino Linotype", "Book Antiqua", "New York", "DejaVu serif", serif; */
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
   font-weight: 400;
   text-rendering: optimizeLegibility;
 }