fix cumulative Layout shift

Author: Fedorse

index.html

@@ -7,6 +7,17 @@
     <title>
       Sorting Algorithm Visualization: Control Speed and Sorting Size
     </title>
+    <link
+      rel="preload"
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=SUSE:[email protected]&display=swap"
+      as="style"
+      onload="this.onload=null;this.rel='stylesheet'"
+    />
+    <noscript
+      ><link
+        rel="stylesheet"
+        href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=SUSE:[email protected]&display=swap"
+    /></noscript>
     <link rel="canonical" href="https://algorithms-virid.vercel.app/" />
     <meta name="theme-color" content="hsl(230, 23%, 20%)" />
     <meta

src/index.css

@@ -1,4 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=SUSE:[email protected]&display=swap');
 @import 'variables.css';
 * {
   margin: 0;