diff --git a/app/[lang]/(live)/(public)/[contentType]/[uid]/layout.tsx b/app/[lang]/(live)/(public)/[contentType]/[uid]/layout.tsx
index 44f4e3d2d..05c6e832c 100644
--- a/app/[lang]/(live)/(public)/[contentType]/[uid]/layout.tsx
+++ b/app/[lang]/(live)/(public)/[contentType]/[uid]/layout.tsx
@@ -1,3 +1,5 @@
+import localFont from "next/font/local"
+
 import { firaMono, firaSans } from "@/app/[lang]/(live)/fonts"
 
 import styles from "./layout.module.css"
@@ -9,6 +11,18 @@ import {
   UIDParams,
 } from "@/types/params"
 
+// Font files can be colocated inside of `app`
+const biroScriptPlus = localFont({
+  src: [
+    {
+      path: "../../../../../../public/_static/fonts/biro-script-plus/Biro-Script-Plus.ttf",
+      style: "normal",
+      weight: "500",
+    },
+  ],
+  variable: "--ff-biro-script-plus",
+})
+
 export default function ContentTypeLayout({
   children,
   params,
@@ -17,7 +31,7 @@ export default function ContentTypeLayout({
 >) {
   return (
     <div
-      className={`${firaMono.variable} ${firaSans.variable} ${styles.layout}`}
+      className={`${firaMono.variable} ${firaSans.variable} ${biroScriptPlus.variable} ${styles.layout}`}
     >
       {children}
     </div>
diff --git a/public/_static/fonts/biro-script-plus/Biro-Script-Plus.ttf b/public/_static/fonts/biro-script-plus/Biro-Script-Plus.ttf
new file mode 100644
index 000000000..bacd48e2c
Binary files /dev/null and b/public/_static/fonts/biro-script-plus/Biro-Script-Plus.ttf differ