diff --git a/assets/css/style.scss b/assets/css/style.scss
deleted file mode 100644
index f9abf76d..00000000
--- a/assets/css/style.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-body {
-	font-family: 'Kosugi Maru', sans-serif;
-}
diff --git a/components/docs/ReadersNav.vue b/components/docs/ReadersNav.vue
index 2da1b895..490161ad 100644
--- a/components/docs/ReadersNav.vue
+++ b/components/docs/ReadersNav.vue
@@ -1,6 +1,6 @@
 <template>
 	<section>
-		<h2 class="text-2xl lg:text-3xl font-bold mb-4">
+		<h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">
 			{{ $t(`_docs._${sectionId}.title`) }}
 		</h2>
 		<MkIndex :wide="true" :base-path="basePath" />
diff --git a/components/g/Footer.vue b/components/g/Footer.vue
index a5028c25..06958091 100644
--- a/components/g/Footer.vue
+++ b/components/g/Footer.vue
@@ -5,7 +5,7 @@
                 <div class="mb-6 md:mb-0">
                     <GNuxtLink :to="localePath('/')" class="flex items-center">
                         <MiIcon class="h-8 w-8 mr-3" />
-                        <span class="self-center text-2xl font-bold whitespace-nowrap">{{ $t('_seo.siteName') }}</span>
+                        <span class="self-center text-2xl font-bold font-title whitespace-nowrap">{{ $t('_seo.siteName') }}</span>
                     </GNuxtLink>
                 </div>
                 <div class="grid grid-cols-2 gap-8 sm:gap-6">
@@ -65,4 +65,4 @@ const localePath = useLocalePath();
 
 <style scoped>
 
-</style>
+</style>
\ No newline at end of file
diff --git a/components/g/Hero.vue b/components/g/Hero.vue
index b571b5e6..086fcc31 100644
--- a/components/g/Hero.vue
+++ b/components/g/Hero.vue
@@ -2,7 +2,7 @@
     <header>
         <div class="container mx-auto max-w-screen-xl px-6 lg:min-h-[330px] py-4 space-y-6 lg:space-y-0 lg:flex items-center justify-between lg:space-x-6">
             <div class="max-w-lg mx-auto lg:mx-0">
-                <h1 class="font-bold text-center lg:text-start text-2xl lg:text-4xl !leading-relaxed mb-4"><slot name="title"></slot></h1>
+                <h1 class="font-title font-bold text-center lg:text-start text-2xl lg:text-4xl !leading-relaxed mb-4"><slot name="title"></slot></h1>
                 <p class="opacity-90 text-center lg:text-start lg:text-lg lg:leading-relaxed max-w-lg"><slot name="description"></slot></p>
             </div>
             <div>
@@ -18,4 +18,4 @@
 
 <style scoped>
 
-</style>
+</style>
\ No newline at end of file
diff --git a/components/g/Nav.vue b/components/g/Nav.vue
index 694dca90..9d53b71e 100644
--- a/components/g/Nav.vue
+++ b/components/g/Nav.vue
@@ -4,7 +4,7 @@
             <div class="">
                 <GNuxtLink :to="localePath('/')" class="flex items-center space-x-2 hover:opacity-80">
                     <MiIcon class="h-8 w-8" />
-                    <div class="font-bold text-lg">{{ $t('_seo.siteName') }}</div>
+                    <div class="font-title font-bold text-lg">{{ $t('_seo.siteName') }}</div>
                 </GNuxtLink>
             </div>
             <ul
diff --git a/components/index/Decenterized.vue b/components/index/Decenterized.vue
index afca4dc4..42804faa 100644
--- a/components/index/Decenterized.vue
+++ b/components/index/Decenterized.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="bg-white dark:bg-slate-950 rounded-2xl p-6 lg:p-12 lg:py-24">
-        <I18nT keypath="_landing._decenterized.title" tag="h2" class="text-center text-xl lg:text-3xl font-bold mb-6">
+        <I18nT keypath="_landing._decenterized.title" tag="h2" class="text-center text-xl lg:text-3xl font-bold font-title mb-6">
             <span class="em">{{ $t('_landing._decenterized.decenterizedPlatform') }}</span>
         </I18nT>
         <I18nT keypath="_landing._decenterized.description" tag="p" class="lg:text-lg leading-relaxed lg:leading-loose">
diff --git a/components/index/Donation.vue b/components/index/Donation.vue
index 86125775..2802991d 100644
--- a/components/index/Donation.vue
+++ b/components/index/Donation.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="bg-white dark:bg-slate-950 rounded-2xl p-6 lg:p-12 lg:py-24 mx-auto max-w-screen-lg">
-        <h2 class="text-center text-xl lg:text-3xl font-bold mb-6">{{ $t('_landing._donation.title') }}</h2>
+        <h2 class="text-center text-xl lg:text-3xl font-bold font-title mb-6">{{ $t('_landing._donation.title') }}</h2>
         <p class="lg:text-lg leading-relaxed lg:leading-loose mb-6">{{ $t('_landing._donation.description') }}</p>
         <p class="text-center">
             <GButton button-type="link" :to="localePath('/docs/for-users/resources/donate/')" color="accent">{{ $t('learnMore') }}</GButton>
diff --git a/components/index/Features.vue b/components/index/Features.vue
index d94a67a1..52fe9c0f 100644
--- a/components/index/Features.vue
+++ b/components/index/Features.vue
@@ -2,7 +2,7 @@
     <div class="grid features gap-12">
         <div>
             <div class="lg:sticky lg:top-32">
-                <h2 class="font-bold text-2xl lg:text-4xl mb-2 lg:mb-6">{{ $t('_landing._features._root.title') }}</h2>
+                <h2 class="font-title font-bold text-2xl lg:text-4xl mb-2 lg:mb-6">{{ $t('_landing._features._root.title') }}</h2>
                 <p class="text-lg">{{ $t('_landing._features._root.description') }}</p>
             </div>
         </div>
@@ -77,7 +77,7 @@ import { vFadeIn } from '@/assets/js/fadein';
 }
 
 .item .title {
-    @apply text-xl lg:text-2xl font-bold mb-2;
+    @apply font-title text-xl lg:text-2xl font-bold mb-2;
 }
 
 .__v_fadeIn_out > * {
@@ -90,4 +90,4 @@ import { vFadeIn } from '@/assets/js/fadein';
 	transform: scale(1) translateY(0);
 }
 
-</style>
+</style>
\ No newline at end of file
diff --git a/components/index/GetStarted.vue b/components/index/GetStarted.vue
index 8978f6d8..bed6dc47 100644
--- a/components/index/GetStarted.vue
+++ b/components/index/GetStarted.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <h2 class="mb-12 text-2xl lg:text-3xl text-center font-bold">{{ $t('_landing._getStarted.title') }}</h2>
+        <h2 class="mb-12 text-2xl lg:text-3xl text-center font-bold font-title">{{ $t('_landing._getStarted.title') }}</h2>
         <div class="grid gap-12 lg:grid-cols-3">
             <div v-fade-in class="find">
 				<div class="item">
@@ -50,7 +50,7 @@ const localePath = useLocalePath();
 }
 
 .item > .title {
-    @apply font-bold text-xl text-center mb-6;
+    @apply font-title font-bold text-xl text-center mb-6;
 }
 
 .item > .link {
@@ -60,4 +60,4 @@ const localePath = useLocalePath();
 .find .link {
     @apply text-accent-600 dark:text-slate-200 bg-white dark:bg-accent-950 hover:bg-accent-100 dark:hover:bg-accent-900;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/components/index/KeyFeatures.vue b/components/index/KeyFeatures.vue
index d983a7f0..900246c4 100644
--- a/components/index/KeyFeatures.vue
+++ b/components/index/KeyFeatures.vue
@@ -33,7 +33,7 @@
 }
 
 .title {
-    @apply font-bold text-center text-xl md:text-2xl;
+    @apply font-title font-bold text-center text-xl md:text-2xl;
 }
 
 .icon {
@@ -44,4 +44,4 @@
     width: 70px;
     margin: 0 auto;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/components/index/Sponsors.vue b/components/index/Sponsors.vue
index 1b5eb463..f74b5184 100644
--- a/components/index/Sponsors.vue
+++ b/components/index/Sponsors.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <h2 class="mb-12 text-2xl lg:text-3xl text-center font-bold">{{ $t('_landing._sponsors.title') }}</h2>
+        <h2 class="mb-12 text-2xl lg:text-3xl text-center font-bold font-title">{{ $t('_landing._sponsors.title') }}</h2>
         <div class="mx-auto max-w-screen-lg gap-8 grid items-center lg:grid-cols-5 md:grid-cols-4 sm:grid-cols-3 grid-cols-2">
             <!-- スポンサーはscriptタグから追加してください -->
             <GNuxtLink
@@ -61,4 +61,4 @@ const sponsors: Sponsor[] = [
 
 <style scoped>
 
-</style>
+</style>
\ No newline at end of file
diff --git a/components/index/hero/Left.vue b/components/index/hero/Left.vue
index cd161108..cf2358fe 100644
--- a/components/index/hero/Left.vue
+++ b/components/index/hero/Left.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="relative space-y-3 lg:space-y-6">
         <MkLogo class="block mx-auto lg:ml-0 w-full max-w-[120px] lg:max-w-[250px]" />
-		<h2 class="text-center lg:text-start font-bold tracking-wide text-3xl sm:text-5xl lg:text-6xl leading-relaxed sm:leading-relaxed lg:leading-relaxed tagline" :class="showTagline && 'shown'">
+		<h2 class="text-center font-title lg:text-start font-bold tracking-wide text-3xl sm:text-5xl lg:text-6xl leading-relaxed sm:leading-relaxed lg:leading-relaxed tagline" :class="showTagline && 'shown'">
 			<div class="row">Interplanetary</div>
 			<div class="row">microblogging</div>
 			<div class="row">platform.🚀</div>
@@ -75,4 +75,4 @@ onMounted(() => {
 .notice {
 	background-image: linear-gradient(90deg, #86b300, #4ab300, #4ab300);
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/layouts/docs.vue b/layouts/docs.vue
index 80e763b7..bb618724 100644
--- a/layouts/docs.vue
+++ b/layouts/docs.vue
@@ -16,7 +16,7 @@ const { data: navigation } = await useAsyncData('navigation', () => fetchContent
     <div class="bg-white dark:bg-slate-950">
         <GNav @toggleNav="isNavOpen = !isNavOpen" :is-open="isNavOpen" :slim="true" :disable-shadow="true" />
         <div class="main-content">
-            <div class="relative container mx-auto max-w-screen-xl lg:py-0 grid docs-root pb-12" style="padding: 35px;">
+            <div class="relative container mx-auto max-w-screen-xl p-6 lg:py-0 grid docs-root pb-12">
                 <div
                     class="fixed top-[7.25rem] left-0 z-20 w-64 pl-6 transition-transform bg-slate-50 dark:bg-slate-900 lg:top-auto lg:bg-transparent dark:lg:bg-transparent lg:pl-0 lg:transform-none lg:relative"
                     :class="isAsideNavOpen ? 'translate-x-0' : '-translate-x-64'"
diff --git a/nuxt.config.ts b/nuxt.config.ts
index dea6bc84..3e646d64 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -38,7 +38,6 @@ export default defineNuxtConfig({
 		"@/assets/css/nprogress.css",
 		"@/assets/css/tailwind.css",
 		"@/assets/css/bootstrap-forms.scss",
-		"@/assets/css/style.scss",
 	],
 	modules: [
 		'@nuxt/content',
@@ -49,7 +48,6 @@ export default defineNuxtConfig({
 		head: {
 			link: [
 				{ rel: 'stylesheet', href: '/fonts/fonts.css' },
-				{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Kosugi+Maru' },
 			],
 		},
 	},
diff --git a/pages/about-us/team.vue b/pages/about-us/team.vue
index 15644ab6..dd1cef67 100644
--- a/pages/about-us/team.vue
+++ b/pages/about-us/team.vue
@@ -20,7 +20,7 @@
                 <div class="grid gap-x-12 gap-y-4 w-full" :class="$style.teamRoot">
                     <div>
                         <div class="lg:sticky lg:top-32">
-                            <h3 class="font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._core.title') }}</h3>
+                            <h3 class="font-title font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._core.title') }}</h3>
                             <p>{{ $t('_aboutUs._team._core.description') }}</p>
                         </div>
                     </div>
@@ -31,7 +31,7 @@
                 <div class="grid gap-x-12 gap-y-4 w-full" :class="$style.teamRoot">
                     <div>
                         <div class="lg:sticky lg:top-32">
-                            <h3 class="font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._coreEmeriti.title') }}</h3>
+                            <h3 class="font-title font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._coreEmeriti.title') }}</h3>
                             <p>{{ $t('_aboutUs._team._coreEmeriti.description') }}</p>
                         </div>
                     </div>
@@ -42,7 +42,7 @@
                 <div class="grid gap-x-12 gap-y-4 w-full" :class="$style.teamRoot">
                     <div>
                         <div class="lg:sticky lg:top-32">
-                            <h3 class="font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._contributors.title') }}</h3>
+                            <h3 class="font-title font-bold text-2xl lg:text-2xl mb-2 lg:mb-4">{{ $t('_aboutUs._team._contributors.title') }}</h3>
                             <p>{{ $t('_aboutUs._team._contributors.description') }}</p>
                         </div>
                     </div>
diff --git a/pages/brand-assets.vue b/pages/brand-assets.vue
index d2f3a4de..32a07a83 100644
--- a/pages/brand-assets.vue
+++ b/pages/brand-assets.vue
@@ -40,15 +40,15 @@
                     <GNuxtLink class="inline-block" to="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank"><img src="https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png" /></GNuxtLink>
                 </Tip>
                 <div id="logo">
-                    <h2 class="text-2xl lg:text-3xl font-bold mb-4">{{ $t(`_brandAssets.logo`) }}</h2>
+                    <h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">{{ $t(`_brandAssets.logo`) }}</h2>
                     <BrandAssetsImgPreview src="https://raw.githubusercontent.com/misskey-dev/assets/main/misskey.svg" />
                 </div>
                 <div id="icon">
-                    <h2 class="text-2xl lg:text-3xl font-bold mb-4">{{ $t(`_brandAssets.icon`) }}</h2>
+                    <h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">{{ $t(`_brandAssets.icon`) }}</h2>
                     <BrandAssetsImgPreview src="https://raw.githubusercontent.com/misskey-dev/assets/main/icon.png" />
                 </div>
                 <div id="banner">
-                    <h2 class="text-2xl lg:text-3xl font-bold mb-4">{{ $t(`_brandAssets.banner`) }}</h2>
+                    <h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">{{ $t(`_brandAssets.banner`) }}</h2>
                     <a class="mb-4 block mx-auto" href="https://raw.githubusercontent.com/misskey-dev/assets/main/banner.png" target="_blank">
                         <img class="border border-slate-200 dark:border-slate-700" src="https://raw.githubusercontent.com/misskey-dev/assets/main/banner.png" />
                     </a>
@@ -57,7 +57,7 @@
                     </a>
                 </div>
                 <div id="avatar-decoration">
-                    <h2 class="text-2xl lg:text-3xl font-bold mb-4">{{ $t(`_brandAssets.avatarDecorationTemplate`) }}</h2>
+                    <h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">{{ $t(`_brandAssets.avatarDecorationTemplate`) }}</h2>
                     <BrandAssetsImgPreview src="/img/misc/avatar-decoration-template.png" />
                 </div>
             </div>
@@ -71,4 +71,4 @@
 
 <style scoped>
 
-</style>
+</style>
\ No newline at end of file
diff --git a/pages/tools/index.vue b/pages/tools/index.vue
index b7e76fa7..bcd36bb5 100644
--- a/pages/tools/index.vue
+++ b/pages/tools/index.vue
@@ -24,7 +24,7 @@
                     anchor: '#' + v.title.replaceAll('.', '_'),
                 }))" />
                 <section :id="section.title.replaceAll('.', '_')" v-for="section in sections">
-                    <h2 class="text-2xl lg:text-3xl font-bold mb-4">
+                    <h2 class="text-2xl lg:text-3xl font-title font-bold mb-4">
                         {{ $t(section.title) }}
                     </h2>
                     <GLinks :wide="true" :gray="true" :items="section.items.map((e) => ({
@@ -58,4 +58,4 @@ const localePath = useLocalePath();
 .mfmRoot img {
     display: inline;
 }
-</style>
+</style>
\ No newline at end of file