improve font defer

sapphi-red · Dec 31, 2021 · 4207407 · 4207407
1 parent c5f5955
commit 4207407
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/client/src/index.html b/client/src/index.html
@@ -4,7 +4,6 @@
     <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
@@ -10,3 +10,10 @@ ReactDOM.render(
   </BrowserRouter>,
   document.getElementById('app'),
 );
+
+requestIdleCallback(() => {
+  const $font = document.createElement('link')
+  $font.rel = 'stylesheet'
+  $font.href = '/fonts/webfont.css'
+  document.head.append($font)
+})