make custom fonts non render-blocking

index.html

@@ -30,8 +30,8 @@
   <meta property="keywords"
     content="nguyenfromvn, randy nguyen, randy, nguyen, portfolio, music, visualization, design, creative, animation, crypto, optimization" />
   <link rel="icon" type="image/x-icon" href="./images/vinyl.png">
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display+SC">
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Permanent+Marker">
+  <link async rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display+SC">
+  <link async rel="stylesheet" href="https://fonts.googleapis.com/css?family=Permanent+Marker">
   <link rel="stylesheet" type="text/css" href="index.css" />
 </head>