diff --git a/components/ArticleDetail.js b/components/ArticleDetail.js
index c67e3804..0eee4451 100644
--- a/components/ArticleDetail.js
+++ b/components/ArticleDetail.js
@@ -92,7 +92,7 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
                   {post.summary}
                 </h2>
 
-                <section className='flex justify-end py-2 pl-1 dark:text-white items-center font-light italic text-sm'>
+                <section className='flex justify-end py-2 pl-1 text-gray-600 dark:text-gray-400 items-center font-light text-sm'>
                     <WordCount/>
                 </section>
 
diff --git a/components/WordCount.js b/components/WordCount.js
index dee406e2..5c0e75c1 100644
--- a/components/WordCount.js
+++ b/components/WordCount.js
@@ -1,3 +1,5 @@
+import { faClock, faFileWord } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useEffect } from 'react'
 
 /**
@@ -10,7 +12,7 @@ export default function WordCount () {
   })
 
   return <div id='wordCountWrapper' className='hidden'>
-    本文共<strong id='wordCount'>0</strong>字，阅读需要约<strong id='readTime'>0</strong>分钟
+   <FontAwesomeIcon icon={faFileWord}/> 本文字数 <strong id='wordCount'>0</strong> &nbsp;|&nbsp; <FontAwesomeIcon icon={faClock}/> 阅读时长 ≈ <strong id='readTime'>0</strong> 分钟
     </div>
 }