diff --git a/assets/fonts/fzxbs.woff2 b/assets/fonts/FangZhengXiaoBiaoSong-CN.woff2
similarity index 100%
rename from assets/fonts/fzxbs.woff2
rename to assets/fonts/FangZhengXiaoBiaoSong-CN.woff2
diff --git a/assets/fonts/sypxzs.woff2 b/assets/fonts/SourceSerifScreen-CN.woff2
similarity index 100%
rename from assets/fonts/sypxzs.woff2
rename to assets/fonts/SourceSerifScreen-CN.woff2
diff --git a/components/homepage/HomeCover.tsx b/components/homepage/HomeCover.tsx
index fce5642..d9ad99c 100644
--- a/components/homepage/HomeCover.tsx
+++ b/components/homepage/HomeCover.tsx
@@ -1,6 +1,6 @@
 import { SocialIcons } from "@/components/utils/SocialIcons";
 import { Config } from "@/data/config";
-import { fontFzxbs, fontSypxzs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
 
 export const HomeCover = () => {
   return (
@@ -19,11 +19,11 @@ export const HomeCover = () => {
           src={Config.AvatarURL}
         />
       </div>
-      <div className={`${fontFzxbs.className} my-8 text-center text-4xl font-bold`}>{Config.Nickname}</div>
+      <div className={`${fontFangZhengXiaoBiaoSongCN.className} my-8 text-center text-4xl font-bold`}>{Config.Nickname}</div>
       <SocialIcons />
       {Config.Sentence && (
         <div className="my-8 flex justify-center">
-          <p className={`${fontSypxzs.className} text-lg`}>{Config.Sentence}</p>
+          <p className={`${fontSourceSerifScreenCN.className} text-lg`}>{Config.Sentence}</p>
         </div>
       )}
     </>
diff --git a/components/mdx/H2.tsx b/components/mdx/H2.tsx
index 7806e1d..328c0d9 100644
--- a/components/mdx/H2.tsx
+++ b/components/mdx/H2.tsx
@@ -1,8 +1,8 @@
-import { fontFzxbs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
 
 export const H2 = (props: JSX.IntrinsicElements["h2"]) => {
   return (
-    <h2 className={`${fontFzxbs.className} mt-3 mb-1 scroll-mt-20`} id={props.id}>
+    <h2 className={`${fontFangZhengXiaoBiaoSongCN.className} mt-3 mb-1 scroll-mt-20`} id={props.id}>
       {props.children}
     </h2>
   );
diff --git a/components/utils/NavBar.tsx b/components/utils/NavBar.tsx
index 788e2af..bec4209 100644
--- a/components/utils/NavBar.tsx
+++ b/components/utils/NavBar.tsx
@@ -1,6 +1,6 @@
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
 import { Config } from "@/data/config";
-import { fontFzxbs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
 import { nanoid } from "nanoid";
 import { useTheme } from "next-themes";
 import Link from "next/link";
@@ -40,7 +40,7 @@ export const NavBar = () => {
       <nav className="responsive-width sticky top-0 z-50 flex justify-between py-3 backdrop-blur bg-white/50 dark:bg-black/50">
         <Link href="/" className="cursor-pointer">
           <h1
-            className={`${fontFzxbs.className} my-auto border-b-4 border-b-black text-2xl font-bold dark:border-b-white`}
+            className={`${fontFangZhengXiaoBiaoSongCN.className} my-auto border-b-4 border-b-black text-2xl font-bold dark:border-b-white`}
           >
             {Config.SiteTitle}
           </h1>
diff --git a/components/utils/PostList.tsx b/components/utils/PostList.tsx
index b440c49..1880cec 100644
--- a/components/utils/PostList.tsx
+++ b/components/utils/PostList.tsx
@@ -1,5 +1,5 @@
 import { normalizeDate } from "@/lib/date";
-import { fontSypxzs } from "@/styles/font";
+import { fontSourceSerifScreenCN } from "@/styles/font";
 import { TPostListItem } from "@/types/post-list";
 import { nanoid } from "nanoid";
 import Link from "next/link";
@@ -11,7 +11,7 @@ export const PostList = (props: { data: TPostListItem[] }) => {
       {props.data.map((postListItem, index) => (
         <div
           key={`post-list-${nanoid()}`}
-          className={`${fontSypxzs.className} flex flex-col justify-center ${
+          className={`${fontSourceSerifScreenCN.className} flex flex-col justify-center ${
             index !== props.data.length - 1 && "border-b"
           } border-dashed border-gray-400 py-3`}
         >
diff --git a/pages/404.tsx b/pages/404.tsx
index bf08723..9d2f925 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -1,7 +1,7 @@
 import { ContentContainer, Page } from "@/components/layouts/layouts";
 import { Footer } from "@/components/utils/Footer";
 import { NavBar } from "@/components/utils/NavBar";
-import { fontSypxzs } from "@/styles/font";
+import { fontSourceSerifScreenCN } from "@/styles/font";
 import { TfiFaceSad } from "react-icons/tfi";
 
 export default function NotFoundPage() {
@@ -16,7 +16,7 @@ export default function NotFoundPage() {
         <div className="flex flex-col justify-center">
           <TfiFaceSad className="mx-auto my-4" size={"6em"} />
           <p className="mx-auto my-3 text-center text-2xl font-bold">{"404 NOT FOUND"}</p>
-          <p className={`${fontSypxzs.className} mx-auto my-3 text-center text-xl`}>
+          <p className={`${fontSourceSerifScreenCN.className} mx-auto my-3 text-center text-xl`}>
             {"This page does not exist for it might be removed or closed."}
           </p>
           <div className="my-5 flex justify-center">
diff --git a/pages/about.tsx b/pages/about.tsx
index 878c843..9654ea2 100644
--- a/pages/about.tsx
+++ b/pages/about.tsx
@@ -4,7 +4,7 @@ import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { SocialIcons } from "@/components/utils/SocialIcons";
 import { Config } from "@/data/config";
-import { fontFzxbs, fontSypxzs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
 import Link from "next/link";
 
 export default function AboutPage() {
@@ -17,9 +17,9 @@ export default function AboutPage() {
       />
       <NavBar />
       <ContentContainer>
-        <h2 className={`my-5 flex justify-around text-2xl font-bold ${fontFzxbs.className}`}>{"ABOUT ME"}</h2>
+        <h2 className={`my-5 flex justify-around text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>{"ABOUT ME"}</h2>
         <hr />
-        <div className={`${fontSypxzs.className} my-5 justify-center md:flex md:space-x-10`}>
+        <div className={`${fontSourceSerifScreenCN.className} my-5 justify-center md:flex md:space-x-10`}>
           <div className="my-auto flex md:w-1/3">
             <img alt="my-profile" className="mx-auto my-auto max-h-[23rem] rounded-lg" src="/images/profile.webp" />
           </div>
diff --git a/pages/blog/[id].tsx b/pages/blog/[id].tsx
index c352c24..b8c7c93 100644
--- a/pages/blog/[id].tsx
+++ b/pages/blog/[id].tsx
@@ -14,7 +14,7 @@ import { Config } from "@/data/config";
 import { normalizeDate } from "@/lib/date";
 import { getPostFileContent, sortedPosts } from "@/lib/post-process";
 import { getTOCTree } from "@/lib/toc";
-import { fontFzxbs, fontSypxzs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
 import { TFrontmatter } from "@/types/frontmatter.type";
 import { TPostListItem } from "@/types/post-list";
 import { TTOCItem } from "@/types/toc.type";
@@ -60,18 +60,18 @@ const ReaderPage = (props: ReaderPageProps) => {
             <div className="py-1">
               {props.frontMatter.coverURL && <PostCover coverURL={props.frontMatter.coverURL} />}
               <h2
-                className={`${fontFzxbs.className} flex justify-center whitespace-normal break-words text-3xl font-bold capitalize`}
+                className={`${fontFangZhengXiaoBiaoSongCN.className} flex justify-center whitespace-normal break-words text-3xl font-bold capitalize`}
               >
                 {props.frontMatter?.title}
               </h2>
               {props.frontMatter?.subtitle && (
-                <div className={`${fontFzxbs.className} my-1 flex justify-center text-xl font-bold capitalize`}>
+                <div className={`${fontFangZhengXiaoBiaoSongCN.className} my-1 flex justify-center text-xl font-bold capitalize`}>
                   {props.frontMatter.subtitle}
                 </div>
               )}
               <div className="my-2 flex justify-center text-sm italic">{normalizeDate(props.frontMatter?.time)}</div>
               {props.frontMatter?.summary && (
-                <p className={`${fontSypxzs.className} my-4 indent-8 text-gray-800 dark:text-gray-300`}>
+                <p className={`${fontSourceSerifScreenCN.className} my-4 indent-8 text-gray-800 dark:text-gray-300`}>
                   {props.frontMatter?.summary}
                 </p>
               )}
@@ -85,7 +85,7 @@ const ReaderPage = (props: ReaderPageProps) => {
               )}
             </div>
             <div
-              className={`typesetting ${fontSypxzs.className} flat-scrollbar-thin my-0 ${
+              className={`typesetting ${fontSourceSerifScreenCN.className} flat-scrollbar-thin my-0 ${
                 !props.frontMatter.allowShare && "select-none"
               }`}
             >
diff --git a/pages/friends.tsx b/pages/friends.tsx
index 2b2e7df..e0a06ea 100644
--- a/pages/friends.tsx
+++ b/pages/friends.tsx
@@ -4,7 +4,7 @@ import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";
 import { FriendsList } from "@/data/friends";
-import { fontFzxbs, fontSypxzs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
 import { nanoid } from "nanoid";
 import Link from "next/link";
 
@@ -14,9 +14,9 @@ export default function FriendsPage() {
       <SEO title={`${Config.SiteTitle} - Friends`} description={"My Friend Links"} />
       <NavBar />
       <ContentContainer>
-        <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFzxbs.className}`}>{"FRIENDS"}</h2>
+        <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>{"FRIENDS"}</h2>
         <hr />
-        <div className={`my-5 py-3 flex flex-wrap justify-center text-2xl ${fontSypxzs.className}`}>
+        <div className={`my-5 py-3 flex flex-wrap justify-center text-2xl ${fontSourceSerifScreenCN.className}`}>
           {FriendsList.map((item) => (
             <Link className="mx-3 p-2 underline" href={item.url} key={nanoid()}>
               {item.title}
diff --git a/pages/index.tsx b/pages/index.tsx
index 8005b5d..252e9db 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -8,7 +8,7 @@ import { LatestPostCountInHomePage } from "@/consts/consts";
 import { Config } from "@/data/config";
 import { sortedPosts } from "@/lib/post-process";
 import { generateRSSFeed } from "@/lib/rss";
-import { fontFzxbs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
 import { TPostListItem } from "@/types/post-list";
 import { GetStaticProps } from "next";
 import Link from "next/link";
@@ -34,7 +34,7 @@ export default function Home(props: HomePageProps) {
         {props.pinnedPostList.length !== 0 && (
           <div>
             <hr />
-            <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFzxbs.className}`}>
+            <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
               <RiStarFill className="mx-2 my-auto" />
               {"PINNED POSTS"}
             </h2>
@@ -45,7 +45,7 @@ export default function Home(props: HomePageProps) {
         <hr />
         {props.latestPostList.length !== 0 && (
           <div>
-            <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFzxbs.className}`}>
+            <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
               <LuPenTool className="mx-2 my-auto" />
               {"LATEST POSTS"}
             </h2>
diff --git a/pages/posts/[[...slug]].tsx b/pages/posts/[[...slug]].tsx
index 1a83564..e70783b 100644
--- a/pages/posts/[[...slug]].tsx
+++ b/pages/posts/[[...slug]].tsx
@@ -8,7 +8,7 @@ import { PostCountPerPagination } from "@/consts/consts";
 import { Config } from "@/data/config";
 import { sortedPosts } from "@/lib/post-process";
 import { paginateArray } from "@/lib/utils";
-import { fontFzxbs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
 import { TPostListItem } from "@/types/post-list";
 import { GetStaticPaths, GetStaticProps } from "next";
 import Link from "next/link";
@@ -51,7 +51,7 @@ export default function PostsPage(props: PostsPageProps) {
       />
       <NavBar />
       <ContentContainer>
-        <h2 className={`my-5 flex justify-center text-2xl ${fontFzxbs.className} font-bold`}>
+        <h2 className={`my-5 flex justify-center text-2xl ${fontFangZhengXiaoBiaoSongCN.className} font-bold`}>
           <LuPenTool className="mx-2 my-auto" />
           {"ALL POSTS"}
         </h2>
diff --git a/pages/sponsor.tsx b/pages/sponsor.tsx
index ace49d3..f85b503 100644
--- a/pages/sponsor.tsx
+++ b/pages/sponsor.tsx
@@ -4,7 +4,7 @@ import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";
 import { isEmptyString } from "@/lib/utils";
-import { fontFzxbs, fontSypxzs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
 import Link from "next/link";
 import { QRCodeSVG } from "qrcode.react";
 import { FaCcPaypal } from "react-icons/fa";
@@ -24,11 +24,11 @@ export default function AboutPage() {
       <ContentContainer>
         <div className="md:flex">
           <div className="flex flex-col justify-center md:w-1/2">
-            <h2 className={`my-5 flex justify-center text-2xl font-bold text-red-500 ${fontFzxbs.className}`}>
+            <h2 className={`my-5 flex justify-center text-2xl font-bold text-red-500 ${fontFangZhengXiaoBiaoSongCN.className}`}>
               <GoHeartFill className="mx-2 my-auto" />
               {"SPONSOR"}
             </h2>
-            <p className={`${fontSypxzs.className} break-words text-lg`}>
+            <p className={`${fontSourceSerifScreenCN.className} break-words text-lg`}>
               {
                 "If you like my works, I would deeply appreciate your support as a patron. Your contribution not only fuels my creative journey but also allows me to delve deeper into my passion. Your support plays a vital role in making this vision a reality. Thank you for considering becoming a patron and being an integral part of this work endeavor."
               }
diff --git a/pages/tags/[...slug].tsx b/pages/tags/[...slug].tsx
index ff41f84..e61ddee 100644
--- a/pages/tags/[...slug].tsx
+++ b/pages/tags/[...slug].tsx
@@ -8,7 +8,7 @@ import { PostCountPerPagination } from "@/consts/consts";
 import { Config } from "@/data/config";
 import { sortedPosts } from "@/lib/post-process";
 import { paginateArray } from "@/lib/utils";
-import { fontFzxbs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
 import { TPostListItem } from "@/types/post-list";
 import { GetStaticPaths, GetStaticProps } from "next";
 import Link from "next/link";
@@ -51,7 +51,7 @@ export default function TagsContentPage(props: TagsContentPageProps) {
       />
       <NavBar />
       <ContentContainer>
-        <h2 className={`my-5 flex flex-col justify-center text-center text-3xl font-bold ${fontFzxbs.className}`}>
+        <h2 className={`my-5 flex flex-col justify-center text-center text-3xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
           {`Posts of ${props.tagName}`}
         </h2>
         <hr />
diff --git a/pages/tags/index.tsx b/pages/tags/index.tsx
index ad50219..04c1dbb 100644
--- a/pages/tags/index.tsx
+++ b/pages/tags/index.tsx
@@ -5,7 +5,7 @@ import { SEO } from "@/components/utils/SEO";
 import { TagBadge } from "@/components/utils/TagBadge";
 import { Config } from "@/data/config";
 import { sortedPosts } from "@/lib/post-process";
-import { fontFzxbs, fontSypxzs } from "@/styles/font";
+import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
 import { nanoid } from "nanoid";
 import { GetStaticProps } from "next";
 import { AiOutlineTags } from "react-icons/ai";
@@ -24,11 +24,11 @@ export default function TagsIndexPage(props: TagsIndexPageProps) {
       />
       <NavBar />
       <ContentContainer>
-        <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFzxbs.className}`}>
+        <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
           <AiOutlineTags className="mx-2 my-auto" />
           {"ALL TAGS"}
         </h2>
-        <div className={`my-5 flex flex-wrap justify-center px-2 ${fontSypxzs.className}`}>
+        <div className={`my-5 flex flex-wrap justify-center px-2 ${fontSourceSerifScreenCN.className}`}>
           {props.tagList.map((item) => (
             <TagBadge key={`tag-badge-${nanoid()}`} name={item.name} size="md" count={item.count} />
           ))}
diff --git a/styles/font.ts b/styles/font.ts
index 3535ab2..49d04b7 100644
--- a/styles/font.ts
+++ b/styles/font.ts
@@ -1,4 +1,6 @@
 import localFont from "next/font/local";
 
-export const fontSypxzs = localFont({ src: "../assets/fonts/sypxzs.woff2" }); // 思源屏显臻宋
-export const fontFzxbs = localFont({ src: "../assets/fonts/fzxbs.woff2" }); // 方正小标宋
+// 思源屏显臻宋 简体中文
+export const fontSourceSerifScreenCN = localFont({ src: "../assets/fonts/SourceSerifScreen-CN.woff2" });
+// 方正小标宋 简体中文
+export const fontFangZhengXiaoBiaoSongCN = localFont({ src: "../assets/fonts/FangZhengXiaoBiaoSong-CN.woff2" });