diff --git a/frontend/src/components/ErrorScreen.tsx b/frontend/src/components/ErrorScreen.tsx
index 240a2e4..c5f82ad 100644
--- a/frontend/src/components/ErrorScreen.tsx
+++ b/frontend/src/components/ErrorScreen.tsx
@@ -27,18 +27,19 @@ export default ({ status }: Props) => {
 
   const title = message.replaceAll ('（', ' (').replaceAll ('）', ')')
 
+  const style = document.createElement ('style')
+  style.innerHTML = `
+      @font-face
+      {
+	font-family: 'MyFont';
+	src: url(${ nikumaru }) format('opentype');
+      }`
+  document.head.appendChild (style)
+
   return (
       <MainArea>
 	<Helmet>
 	  <meta name="robots" content="noindex" />
-	  <style>
-	    {`
-		@font-face
-		{
-		  font-family: 'MyFont';
-		  src: url(${ nikumaru }) format('opentype');
-		}`}
-	  </style>
 	  <title>{title} | {SITE_TITLE}</title>
 	</Helmet>
 	<div className="text-6xl font-bold text-transparent whitespace-nowrap