#24

frontend/src/components/ErrorScreen.tsx

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