rename the font

This commit is contained in:
PrinOrange
2023-12-29 20:07:19 +08:00
parent aa94563763
commit 986c8f891c
16 changed files with 39 additions and 37 deletions

View File

@@ -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">

View File

@@ -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>

View File

@@ -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"
}`}
>

View File

@@ -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}

View File

@@ -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>

View File

@@ -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>

View File

@@ -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."
}

View File

@@ -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 />

View File

@@ -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} />
))}