diff --git a/templates/default/assets/css/global.css b/templates/default/assets/css/global.css
index d27a072..55cb113 100644
--- a/templates/default/assets/css/global.css
+++ b/templates/default/assets/css/global.css
@@ -9,19 +9,12 @@
     --background-color: #191c1d;
 }
 
-/* @font-face {
-    font-family: 'miseki-bitmap';
-    src: url('../../assets/css/webfonts/miseki-bitmap.ttf') format('opentype');
+@font-face {
+    font-family: 'fusion-pixel';
+    src: url('../../assets/css/webfonts/fusion-pixel-10px-monospaced-zh_hans.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
-} */
-
-/*@font-face {*/
-/*    font-family: 'meslo-lg-s-regular-for-powerline';*/
-/*    src: url('../../assets/css/webfonts/meslo-lg-s-regular-for-powerline.ttf') format('opentype');*/
-/*    font-weight: normal;*/
-/*    font-style: normal;*/
-/*}*/
+}
 
 html, body {
     width: 100%;
@@ -29,7 +22,6 @@ html, body {
     margin: 0;
     padding: 0;
 
-    /*font-family: meslo-lg-s-regular-for-powerline, serif;*/
     background-color: var(--background-color);
 }
 
@@ -110,9 +102,9 @@ a:hover {
 
 .special-info-area {
     height: 340px;
-    padding: 20px;
+    padding: 15px;
     border-radius: 4px;
-/*     font-family: miseki-bitmap, serif; */
+    font-family: fusion-pixel, serif;
     border: var(--secondary-text-color) 1px dashed;
 }
 
diff --git a/templates/default/assets/css/webfonts/fusion-pixel-10px-monospaced-zh_hans.woff2 b/templates/default/assets/css/webfonts/fusion-pixel-10px-monospaced-zh_hans.woff2
new file mode 100644
index 0000000..5bf361d
Binary files /dev/null and b/templates/default/assets/css/webfonts/fusion-pixel-10px-monospaced-zh_hans.woff2 differ
diff --git a/templates/default/assets/css/webfonts/meslo-lg-s-regular-for-powerline.ttf b/templates/default/assets/css/webfonts/meslo-lg-s-regular-for-powerline.ttf
deleted file mode 100644
index cbfb354..0000000
Binary files a/templates/default/assets/css/webfonts/meslo-lg-s-regular-for-powerline.ttf and /dev/null differ
diff --git a/templates/default/assets/css/webfonts/miseki-bitmap.ttf b/templates/default/assets/css/webfonts/miseki-bitmap.ttf
deleted file mode 100644
index f0bdb7b..0000000
Binary files a/templates/default/assets/css/webfonts/miseki-bitmap.ttf and /dev/null differ
diff --git a/templates/default/html/index.html b/templates/default/html/index.html
index 43ee8b0..68bfed2 100644
--- a/templates/default/html/index.html
+++ b/templates/default/html/index.html
@@ -56,7 +56,7 @@
     <div class="container p-3">
         <div class="row pt-lg-3">
             <h4 class="recent-post-title"># {{ .recent_post.title }}</h4>
-            <div class="col-12 col-lg-9">
+            <div class="col-12 col-xl-9">
                 <div>
                     {{ range $i, $v := .recent_post.posts }}
                     <div class="row recent-post-item">
@@ -85,7 +85,7 @@
 
             <!-- special info -->
             <!-- motto -->
-            <div class="col-lg-3 d-none d-lg-grid carousel slide special-info-area">
+            <div class="col-xl-3 d-none d-xl-grid carousel slide special-info-area">
                 <span id="index-motto-container"></span>
             </div>
             {{ .site_info.motto_html }}