use PressStart2P with next/font

apps/app/resource/fonts/PressStart2P-latin.woff2

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:965686370a3ddd3956adc0cf955459e32492373fd552ca94338cf8e2a2c932ea
+size 12440

apps/app/src/components/StaffCredit/StaffCredit.module.scss

@@ -36,7 +36,6 @@
   h6,
   .dev-position,
   .dev-name {
-    font-family: 'Press Start 2P', Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
     color: white;
   }
 

apps/app/src/components/StaffCredit/StaffCredit.tsx

@@ -1,5 +1,6 @@
 import React, { useCallback, useState } from 'react';
 
+import localFont from 'next/font/local';
 import { animateScroll } from 'react-scroll';
 import {
   Modal, ModalBody,
@@ -16,6 +17,13 @@ import styles from './StaffCredit.module.scss';
 const logger = loggerFactory('growi:cli:StaffCredit');
 
 
+// define fonts
+const pressStart2P = localFont({
+  src: '../../../resource/fonts/PressStart2P-latin.woff2',
+  display: 'block',
+});
+
+
 type Props = {
   onClosed?: () => void,
 }
@@ -124,7 +132,7 @@ const StaffCredit = (props: Props): JSX.Element => {
       isOpen={isLoaded}
       toggle={closeHandler}
       scrollable
-      className={`staff-credit ${styles['staff-credit']}`}
+      className={`staff-credit ${styles['staff-credit']} ${pressStart2P.className}`}
       onOpened={openedHandler}
     >
       <ModalBody id="modalBody" className="credit-curtain">