defer font

sapphi-red · Dec 31, 2021 · c4a3177 · c4a3177
1 parent f07aaf6
commit c4a3177
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 2,060 deletions.
diff --git a/client/src/index.css b/client/src/index.css
@@ -2,8 +2,6 @@
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
 
-@import './styles/webfont.css';
-
 body {
   font-family: '源暎エムゴ', sans-serif;
   overflow-y: scroll;

diff --git a/client/src/index.html b/client/src/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>CAwitter</title>
+    <link rel="stylesheet" href="/fonts/webfont.css" media="print" onload="this.media='all'" />
   </head>
   <body>
     <div id="app"></div>

diff --git a/client/src/index.jsx b/client/src/index.jsx
@@ -4,11 +4,9 @@ import { BrowserRouter } from 'react-router-dom';
 
 import { AppContainer } from './containers/AppContainer';
 
-window.addEventListener('load', () => {
-  ReactDOM.render(
-    <BrowserRouter>
-      <AppContainer />
-    </BrowserRouter>,
-    document.getElementById('app'),
-  );
-});
+ReactDOM.render(
+  <BrowserRouter>
+    <AppContainer />
+  </BrowserRouter>,
+  document.getElementById('app'),
+);