diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index e34d150..ce0ea52 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -194,12 +194,8 @@
 
 .article-content {
     font-family: var(--article-font-family);
-    font-size: 1.7rem;
-    line-height: 1.85;
-
-    @media (max-width: $on-tablet) {
-        font-size: 1.6rem;
-    }
+    font-size: var(--article-font-size);
+    line-height: var(--article-line-height);
 
     & > p {
         margin: 1.5em 0;
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
index ee737d3..ec3ac6a 100644
--- a/assets/scss/variables.scss
+++ b/assets/scss/variables.scss
@@ -35,9 +35,18 @@ $on-desktop-large: 1920px;
     --zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";
 
     --base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family);
-    --article-font-family: var(--base-font-family);
     --code-font-family: Menlo, Monaco, Consolas, "Courier New";
 
+    /**
+    *   Article content font settings
+    */
+    --article-font-family: var(--base-font-family);
+    --article-font-size: 1.7rem;
+    @media (max-width: $on-tablet) {
+        --article-font-size: 1.6rem;
+    }
+    --article-line-height: 1.85;
+
     /*
         Article style
     */