fix: use new Google Fonts snippet (#900)

Updates to the newer version of the Google Fonts snippet.

Related to #21479.

Author: crisbeto

material.angular.io/src/index.html

@@ -48,11 +48,10 @@
   <meta name="msapplication-config" content="assets/img/favicons/browserconfig.xml?v=8.2.3">
   <meta name="theme-color" content="#3f51b5">
 
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Mono:400&display=swap" rel="stylesheet">
 
-  <link rel="dns-prefetch" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <!--Structured Data-->
   <script type="application/ld+json">
     {