diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index e133591..aa258d5 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -1,5 +1,4 @@
 ---
-import { ViewTransitions } from 'astro:transitions'
 import '../styles/fonts.css'
 import '../styles/global.css'
 
@@ -10,7 +9,7 @@ export interface Props {
 }
 
 const { title, description, permalink } = Astro.props
-const socialUrl = Astro.site.href + 'assets/yht_logo.png'
+const socialUrl = Astro?.site?.href + 'assets/yht_logo.png'
 ---
 
 <!-- Global Metadata -->
@@ -24,6 +23,10 @@ const socialUrl = Astro.site.href + 'assets/yht_logo.png'
     href={new URL("rss.xml", Astro.site)}
 />
 
+<link rel="preload" href="/assets/fonts/va9B4kDNxMZdWfMOD5VnLK3eRhf6Xl7Glw.woff2" as="font" crossorigin="anonymous" />
+<link rel="preload" href="/assets/fonts/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2" as="font" crossorigin="anonymous" />
+<link rel="preload" href="/assets/fonts/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6hPvhPQ.woff2" as="font" crossorigin="anonymous"/>
+
 <!-- Primary Meta Tags -->
 <title> {title} | YouHaveTrouble's place</title>
 <meta name="title" content={title} />
@@ -43,8 +46,6 @@ const socialUrl = Astro.site.href + 'assets/yht_logo.png'
 <meta property="twitter:description" content={description} />
 <meta property="twitter:image" content={socialUrl} />
 
-<ViewTransitions />
-
 <!-- This is intentionally inlined to avoid FOUC -->
 <script is:inline>
   const root = document.documentElement
diff --git a/src/styles/global.css b/src/styles/global.css
index 1169ae7..0cf729b 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -7,10 +7,10 @@
   --font-family-sans: 'Fira Sans', sans-serif;
 }
 
-/* break comment when time is right */
-/*@view-transition {*/
-/*  navigation: auto;*/
-/*}*/
+
+@view-transition {
+  navigation: auto;
+}
 
 :root.theme-dark {
   --background-body: #202122;